每天在項目遇到的一些問題整理
如何用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>
