如何防止HTML5音频在加载时预先下载/流式传输?

The*_*Kid 11 audio performance html5 audio-streaming

我有一个单页网站,列出了一系列HTML5音频播放器.问题是网站变得很慢因为以下浏览器开始预先加载内容(mp3和ogg)

Internet Explorer
Google Chrome
Firefox
Safari
(probably Opera)
Run Code Online (Sandbox Code Playgroud)

我使用基本代码来实现播放器.有没有办法阻止浏览器预先加载音频文件,只有在点击播放时才能工作?

<audio controls="controls" height="32" width="300" tabindex="0">
<source type="audio/mpeg" src="http://cdn.com/track.mp3"></source>
<source type="audio/ogg" src="http://cdn.com/track.ogg"></source>
</audio>
Run Code Online (Sandbox Code Playgroud)

M1t*_*1th 23

<audio controls="controls" preload="none">
  <source src="song.ogg" type="audio/ogg" />
  <source src="song.mp3" type="audio/mpeg" />
  Your browser does not support the audio element.
</audio> 
Run Code Online (Sandbox Code Playgroud)

注 - preload="none"- 可与VIDEO HTML5和AUDIO HTML5一起使用.

除了Internet Explorer和Opera之外,所有主流浏览器都支持preload属性.

  • 谢谢.因此,这会阻止HTML5元素自动下载和预加载.欣赏它. (2认同)