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

JavaScript012

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

<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>。

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

<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>

AudioCLip主要的方法有：play()播放依次声音；loop()循环播放音乐；stop()停止播放。做法一：InputStreamis=nullAudioStreamas=nullis=getClass().getResourceAsStream("a.wav")try{as=newAudioStream(is)}catch(IOExceptione){}AudioPlayer.player.start(as)此方法将音乐文件放入流中在播放，仅限于JavaApplication，容易报错，空指针异常，或者是流异常，不推荐。做法二：Stringmusic="a.wav"AudioClipclip=Applet.newAudioClip(getClass().getResource(music))次方法在Applet中运行没有问题，但是Application中getclass()会返回空指针，导致失败。推荐做法：privateURLurlprivateAudioClipacFilef1=newFile("C:/3.wav")try{url=f1.toURL()}catch(MalformedURLExceptione){//TODOAuto-generatedcatchblocke.printStackTrace()}ac=Applet.newAudioClip(cb1)ac.play()