如何用JS获取audio标签的已播放时长并控制进度条的width

<audio id="audio" controls>。

<source src="horseogg" type="audio/ogg">。

<source src="horsemp3" type="audio/mpeg">。

您的浏览器不支持 audio 元素。

</audio>。

<script>。

var audio=documentgetElementById("audio")。

audioduration//播放时间。

audiocurrentTime//播放进度。

</script>。

udio是英文单词，有多种含义:Audio是AU格式一种经过压缩的数字声音格式的详写;Audio是音频的单词;Audio是听觉的单词。听觉声波作用于听觉器官，使其感受细胞兴奋并引起听神经的冲动发放传入信息，经各级听觉中枢分析后引起的感觉。

为什么会怪？

这种需求的可用事件，无外乎是“定时”、“暂停”、“关闭”、“拖拽进度”，如果有必要，可覆盖的事件当然越广越好。

如果是个人的小站，我建议使用 localstorage 来储存用户的播放进度，除非你需要多端支持，电脑看完，手机想继续，这样同步进度才有意义。

jwplayer('flvPlayDiv')onTime(function(){

      time=jwplayer('flvPlayDiv')getPosition();

     // consolelog(time);

     });

我记得有个proload不过那么应该是个封面，如果可以的我们可以加一个load事件，当视频资源被加载的时候设置loading这个的display为block，加载完毕后display为no。其实一般播放组件不是自己做的话，采用默认的浏览器应该都会有加载的动画的。

以上就是关于如何用JS获取audio标签的已播放时长并控制进度条的width全部的内容，包括:如何用JS获取audio标签的已播放时长并控制进度条的width、html video记录视频播放的进度、用 JS 控制 JWPlayer，如何添加监听器来实时获取播放的时间进度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！