HTML5 audio标签使用 preload属性 规定是否在页面加载后载入音频

HTML5 audio标签使用 preload属性 规定是否在页面加载后载入音频

语法

1

<audio preload="load" />

属性值描述规定是否预加载音频。可能的 load 值：

auto – 当页面加载后载入整个音频

meta – 当页面加载后只载入元数据

none – 当页面加载后不载入音频

预先加载音频

在实际的开发中，一种对音频很好的处理方法是对其进行预先加载，这样可以提高页面的加载速度，HTML5的标签提供了preload属性，并有三种值可供选择：

· “none”: 这个值指的是用户不需要对音频进行预先加载，这样可以减少网络流量，一个典型的情景是如果是一个具备播客功能的语音播客中，每一篇文章其实都有音频，但只有当用户确认打开这些音频收听时，才通过网络进行加载。否则，试想一下，这么多数量的音频同时进行预加载，速度是相当慢的。

· “metadata”: 这个选项的值将告诉服务端，用户依然不想马上加载音频，但需要预先获得音频的元数据信息(比如文件的大小，时长等)。如果开发者是在设计音频播放器或者需要获得音频的信息而不需要马上播放视频，则可以使用这个选项。

· “auto”:这个选项告诉服务端，用户需要马上加载音频并进行流式播放，这在比如一些游戏场景等需要实时音频的场景中会用到。

要注意的是，如果在使用audio标签时中当设置音频的src值的时候，默认采用的设置值是将preload的加载属性设置为auto的，因此如果需要另外设置加载的属性值，需要在设置src前进行设置(经测试不一定)。

preload 属性规定是否在页面加载后载入音频。

如果设置了 autoplay 属性，则忽略该属性。