Chromium M34上Audio API（HTMLMediaElement）播放音乐不能获取currentTime属性更新

最新推荐文章于 2022-12-09 15:01:53 发布

原创最新推荐文章于 2022-12-09 15:01:53 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#chromium #audio #api #JavaScript #HTML5

程序员心得体会同时被 2 个专栏收录

101 篇文章

订阅专栏

WebKit

42 篇文章

订阅专栏

本文展示了一个HTML页面中使用JavaScript实现的音频播放器，它能够实时显示音频的总时长和当前播放时间。

测试代码：

<body>
Duration: <span id="d"></span>
currentTime: <span id="c"></span>
<script>
var element_d = document.getElementById("d");
var element_c = document.getElementById("c");
var A = new Audio("test.mp3");
A.loop=true;
A.ondurationchange=function(){
  element_d.innerHTML = A.duration;
}
A.ontimeupdate=function(t){
  element_c.innerHTML = A.currentTime;
}
A.play();
</script>
</body>