javascript笔记

每天在项目遇到的一些问题整理

如何用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>