html5插入音频
2021-06-27 09:03
标签：int height doc ber set lan tar html5 min html5插入音频 标签：int height doc ber set lan tar html5 min 原文地址：http://www.cnblogs.com/liangxiaoli/p/7147858.html
type="range" min="0" max="1" step="0.2" value="0.2"/>
var au=document.querySelector("audio")
var jin=document.querySelector("#jin");
var tiu=document.querySelector("#tui");
var bo=document.querySelector("#bo");
var ting=document.querySelector("#ting");
var lod=document.querySelector("#lod");
var jia=document.querySelector("#jia");
var jian=document.querySelector("#jian");
var jing=document.querySelector("#jing");
bo.onclick=function(){
au.play();
setInterval(function(){
var x=au.duration/100;
var pro=document.querySelector("progress").value+=1
},1000)
//一个按钮播放和暂停
// if(au.paused==true){
// bo.innerHTML="暂停";
// au.play();
// }
// else{
// bo.innerHTML="播放";
// au.pause();
// }
}
ting.onclick=function(){
au.pause();
}
lod.onclick=function(){
au.load();
}
jin.onclick=function(){
au.currentTime+=10;
console.log(au.currentTime)
}
tui.onclick=function(){
au.currentTime-=10;
console.log(au.currentTime)
}
au.volume=0;
jia.onclick=function(){
au.volume+=0.1;
}
jian.onclick=function(){
au.volume-=0.1;
}
jing.onclick=function(){
au.volume=0;
}
var inp=document.querySelector("input");
inp.onchange=function(){
var au=document.querySelector("audio");
au.volume=inp.value;
}