Question

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

我在写一个网页MP3播放器，没有使用audio标签的控制条而是用css写了一个，但是在通过进度条显示并控制播放进度的时候出了点问题，我想通过修改CSS中的width值来控制进度条的进度，请问该如何写JS？图片中那个进度条的id是view，上面的白块id是number

Answer 1

1. <audio id="audio" controls>。
   

2. <source src="horse.ogg" type="audio/ogg">。
   

3. <source src="horse.mp3" type="audio/mpeg">。
   

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

5. </audio>。
   

6. <script>。
   

7. var audio=document.getElementById("audio")。
   

8. audio.duration//播放时间。
   

9. audio.currentTime//播放进度。
   
   

10. </script>。

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

Answer 2

<audio id="audio" controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
<script>
var audio=document.getElementById("audio");
audio.duration//播放时间
audio.currentTime//播放进度

</script>

追问

请勿抄袭复制