每天在项目遇到的一些问题整理
如何用JS实现播放时间问题
//如何用JS实现播放时间的实时获取
ado.addEventListener("timeupdate",function(){
console.log(this.currentTime);
});
ado.addEventListener("loadedmetadata",function(){
this.play();
});
//到指定的时间点播放
ado.addEventListener("onplay",function(){
this.currentTime=5
});
//判断audio是否已经播放完毕 ended
ado.addEventListener("ended",function(){
//do somethings
});
//提示该视频已准备好开始播放：
audio|video.addEventListener("canplay", function()
{
//SomeJavaScriptCode
}
);
<p>点击按钮获取或者设置播放的音频音量。</p>
<button onclick="getVolume()" type="button">查看音量?</button>
<button onclick="setHalfVolume()" type="button">设置音量为 0.2</button>
<button onclick="setFullVolume()" type="button">设置音量为 1.0</button>
<script>
var x = document.getElementById("myAudio");
function getVolume(){
alert(x.volume);
}
function setHalfVolume(){
x.volume = 0.2;
}
function setFullVolume(){
x.volume = 1.0;
}
</script>
