📜  HTML | DOM 音频播放速率属性(1)

📅  最后修改于: 2023-12-03 15:31:14.888000             🧑  作者: Mango

HTML | DOM 音频播放速率属性

在HTML和DOM中,音频元素有一个播放速率属性,它允许您改变音频的播放速度。

HTML 中的音频播放速率属性

HTML中的音频标签有一个playbackRate属性,它允许您设置音频的播放速度。可以将其设置为小数或整数值,其中 1.0 是正常速度。

<audio controls>
  <source src="yourSound.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

可以使用JavaScript通过ID访问该属性并进行更改:

var audio = document.getElementById("myAudio");
audio.playbackRate = 1.5; //增加1.5倍速度
DOM 中的音频播放速率属性

使用DOM可以访问和控制HTML页面上的音频元素。播放速率属性可以使用JavaScript的“Element.playbackRate”属性进行访问和更改。

var audio = document.getElementById("myAudio");
audio.playbackRate = 1.5; //增加1.5倍速度

当设置了更快的播放速度,您会发现音频的音高会高一些,如果是减慢,则音调会降低。

支持速率属性的浏览器

绝大多数现代浏览器都支持 HTML 音频速率属性。如果您需要支持旧版浏览器,则可以使用库,例如 soundmanager2.jsjPlayer

结论

该属性使您可以改变音频的播放速度,使得它们在特定场景中更容易使用。现代浏览器都支持这个属性。