如何检索HTML5音频播放器的当前时间，因为它'；他在现场表演吗？（mediaelement.js）

我正在网站上使用HTML5音频标签。我需要在播放曲目时提取当前时间，最好以秒为单位。最终，我需要利用这段时间与页面上的其他元素进行交互，但似乎无法在播放曲目时实时检索曲目的当前时间

---

如果您需要在音频播放器中添加事件侦听器，将不胜感激。这些活动都列在“媒体活动”下面。创建MediaElement播放器时，可以在“成功”函数下添加eventlisteners

使用此方法可确保它在闪存回退中也能正常工作

mediaElement = new MediaElementPlayer('audio',{
//options etc

// method that fires when the Flash or Silverlight object is ready
success: function (mediaElement, domObject) {   

   // add event listeners
   mediaElement.addEventListener('timeupdate', function(e) {
       onVideoTimeUpdate(e);
   }, false);

   mediaElement.addEventListener('pause', function(e) {
       onVideoPaused(e);
   }, false);

   mediaElement.addEventListener('play', function(e) {
       onVideoPlayed(e);
   }, false);

   //etc
}

function onVideoTimeUpdate(e){
    //something to do on the time update event
}

如果你只是使用HTML5音频标签，你可以像这样添加事件监听器

myaudio=document.getElementById("audio1");
myaudio.addEventListener("timeupdate", function(e)
  {
     //something to do on the time update event
   }
);

---

您需要将事件侦听器添加到音频播放器。这些活动都列在“媒体活动”下面。创建MediaElement播放器时，可以在“成功”函数下添加eventlisteners

使用此方法可确保它在闪存回退中也能正常工作

mediaElement = new MediaElementPlayer('audio',{
//options etc

// method that fires when the Flash or Silverlight object is ready
success: function (mediaElement, domObject) {   

   // add event listeners
   mediaElement.addEventListener('timeupdate', function(e) {
       onVideoTimeUpdate(e);
   }, false);

   mediaElement.addEventListener('pause', function(e) {
       onVideoPaused(e);
   }, false);

   mediaElement.addEventListener('play', function(e) {
       onVideoPlayed(e);
   }, false);

   //etc
}

function onVideoTimeUpdate(e){
    //something to do on the time update event
}

如果你只是使用HTML5音频标签，你可以像这样添加事件监听器

myaudio=document.getElementById("audio1");
myaudio.addEventListener("timeupdate", function(e)
  {
     //something to do on the time update event
   }
);

---

本教程有帮助吗？本教程有帮助吗？以下是w3c事件规范。请原谅我的无知，但我真的不知道为什么w3school是无效的？w3schools是一个学习如何以错误的方式做这件事的好地方。网站上的很多信息都是错误的，大多数例子都充满了不好的做法。内容在5-7年前可能还不错，但网站所教授的开发实践已经过时了。是一个声称描述了w3c SchoolShope的一些问题的网站。您发现这些链接有助于解决这些问题。这里是w3c事件规范。请原谅我的无知，但我真的不知道为什么w3school是无效的？w3schools是一个学习如何以错误的方式做这件事的好地方。网站上的很多信息都是错误的，大多数例子都充满了不好的做法。内容在5-7年前可能还不错，但网站所教授的开发实践已经过时了。是一个声称描述W3Schoolshope的一些问题的网站，您发现这些链接完全有帮助