Javascript / HTML5:获取音频标签的当前时间

阿基尔·桑达尔

我的模板中有一个音频标签,单击按钮时需要显示它的currentTime。请在下面检查我的代码:

var myaudio = document.getElementsByTagName("audio")[0];
var cur_time = myaudio.currentTime;
$('#curPosition').val(cur_time);

但是,在播放音频时,它总是返回0作为当前时间。有人对此有任何想法吗?

谢谢

阿比舍克

你可以这样尝试

<audio id="track" src="http://upload.wikimedia.org/wikipedia/commons/a/a9/Tromboon-sample.ogg"
       ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration);">
    <p>Your browser does not support the audio element</p>
</audio>
<span id="tracktime">0 / 0</span>
<button onclick="document.getElementById('track').play();">Play</button>

或在javascript中,您可以执行此操作

<audio id='audioTrack' ontimeupdate='updateTrackTime(this);'>
  Audio tag not supported in this browser</audio>
<script>
function updateTrackTime(track){
  var currTimeDiv = document.getElementById('currentTime');
  var durationDiv = document.getElementById('duration');

  var currTime = Math.floor(track.currentTime).toString(); 
  var duration = Math.floor(track.duration).toString();

  currTimeDiv.innerHTML = formatSecondsAsTime(currTime);

  if (isNaN(duration)){
    durationDiv.innerHTML = '00:00';
  } 
  else{
    durationDiv.innerHTML = formatSecondsAsTime(duration);
  }
}
</script>

我目前无法使用JavaScript

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从PHP脚本获取音频文件时,更改JavaScript音频对象的当前时间

来自分类Dev

用javascript显示当前html5音频量?

来自分类Dev

HTML中的当前时间(JavaScript)

来自分类Dev

HTML中的当前时间(JavaScript)

来自分类Dev

HTML5音频,测试是否使用javascript播放

来自分类Dev

HTML5 JavaScript中的Sycn音频和视频

来自分类Dev

循环音频指定次数的HTML5或Javascript

来自分类Dev

在Javascript对象中使用HTML5音频

来自分类Dev

HTML5音频,测试是否使用javascript播放

来自分类Dev

如何使用HTML5地理位置javascript使用地理位置(用户的当前位置)初始化Google Maps API

来自分类Dev

HTML5:如何获取currentTime和音频标签的持续时间(以毫秒为单位)

来自分类Dev

HTML5:如何获取currentTime和音频标签的持续时间(以毫秒为单位)

来自分类Dev

使用console.log()在html5音频api和javascript中记录音频amplitutde

来自分类Dev

javascript-如何使用jquery click仅获取许多html元素的当前索引和值?

来自分类Dev

音频标签HTML5

来自分类Dev

音频标签HTML5

来自分类Dev

JavaScript时钟未显示移动设备上的当前时间

来自分类Dev

如何使用jQuery获取音频的当前时间并显示消息

来自分类Dev

使用JavaScript从SharePoint中的当前网站获取子网站

来自分类Dev

使用JavaScript从SharePoint中的当前网站获取子网站

来自分类Dev

如何通过javascript / html5播放WAV音频字节数组?

来自分类Dev

使用HTML5 / javascript纠正音频音量输出分贝,关闭预处理

来自分类Dev

如何使用JavaScript正确创建HTML5音频和视频

来自分类Dev

HTML5和JavaScript中每个音频播放器的音量滑块

来自分类Dev

Javascript音频分层事件监听器HTML5多次迭代失败

来自分类Dev

使用HTML5 / javascript纠正音频音量输出分贝,关闭预处理

来自分类Dev

HTML5 canvas javascript

来自分类Dev

HTML5 Javascript画笔

来自分类Dev

HTML5 JavaScript画笔

Related 相关文章

  1. 1

    从PHP脚本获取音频文件时,更改JavaScript音频对象的当前时间

  2. 2

    用javascript显示当前html5音频量?

  3. 3

    HTML中的当前时间(JavaScript)

  4. 4

    HTML中的当前时间(JavaScript)

  5. 5

    HTML5音频,测试是否使用javascript播放

  6. 6

    HTML5 JavaScript中的Sycn音频和视频

  7. 7

    循环音频指定次数的HTML5或Javascript

  8. 8

    在Javascript对象中使用HTML5音频

  9. 9

    HTML5音频,测试是否使用javascript播放

  10. 10

    如何使用HTML5地理位置javascript使用地理位置(用户的当前位置)初始化Google Maps API

  11. 11

    HTML5:如何获取currentTime和音频标签的持续时间(以毫秒为单位)

  12. 12

    HTML5:如何获取currentTime和音频标签的持续时间(以毫秒为单位)

  13. 13

    使用console.log()在html5音频api和javascript中记录音频amplitutde

  14. 14

    javascript-如何使用jquery click仅获取许多html元素的当前索引和值?

  15. 15

    音频标签HTML5

  16. 16

    音频标签HTML5

  17. 17

    JavaScript时钟未显示移动设备上的当前时间

  18. 18

    如何使用jQuery获取音频的当前时间并显示消息

  19. 19

    使用JavaScript从SharePoint中的当前网站获取子网站

  20. 20

    使用JavaScript从SharePoint中的当前网站获取子网站

  21. 21

    如何通过javascript / html5播放WAV音频字节数组?

  22. 22

    使用HTML5 / javascript纠正音频音量输出分贝,关闭预处理

  23. 23

    如何使用JavaScript正确创建HTML5音频和视频

  24. 24

    HTML5和JavaScript中每个音频播放器的音量滑块

  25. 25

    Javascript音频分层事件监听器HTML5多次迭代失败

  26. 26

    使用HTML5 / javascript纠正音频音量输出分贝,关闭预处理

  27. 27

    HTML5 canvas javascript

  28. 28

    HTML5 Javascript画笔

  29. 29

    HTML5 JavaScript画笔

热门标签

归档