Chrome <audio> 播放率答案

【问题标题】：Chrome <audio> playbackRateChrome <audio> 播放率
【发布时间】：2013-08-16 17:48:34
【问题描述】：

我正在尝试在 chrome 中使用元素的playbackRate 属性。我创建了简单的标记：

<!DOCTYPE html>
<html>
<body>
    <audio id="myAudio" preload="metadata" defaultPlaybackRate="1.0" playbackRate="2.0" src="http://path_to_mp3_stream/" autoplay="true"></audio>
</body>
</html>

但播放仍保持正常速度。我做错了什么？

谷歌浏览器 v20.0.1132.47。

【问题讨论】：

标签： html google-chrome playback html5-audio

【解决方案1】：

通过以下方式修改标记使其工作：

<audio id="myplayer" preload="auto" controls="controls">
     <source src="http://path_to_mp3"></source> 
</audio>
<script>
     var player = document.getElementById("myplayer");
     player.playbackRate = 2;
</script>

UPD：好像有相关的issue。

【讨论】：

我永远意识到使用 jQuery 设置 playbackRate 和 attr() 是行不通的。这有效：var player = $('#audioPlayer'); player.attr('src', fileUrl); player[0].playbackRate = $('#playbackRate').val(); [0] 很重要。

【解决方案2】：

我不相信你可以设置<audio> 的playbackRate，直到它的canPlay 事件触发，这（连同浏览器缓存）很可能是你接受的答案对你有用的原因。

【讨论】：