视频教程

一、应用场景

音频是放置在某个页面中的音乐，可以自动播放或被触发播放，一个页面可以添加多个音频组件，不建议在layer页面中添加音频组件。

一般是在当前页面进行播放，也可以设置跨页播放，只需要将音频文件放置在Masterpage页面即可。

二、素材准备

音频文件原则上单个不要超过300KB，越小越好。

音频素材也可以在公共素材库里添加。点击背景音乐组件添加音频素材时会显示下图弹窗。

三、组件用法

基本用法

1.点击音频组件添加

2.显示音频素材弹窗，点击添加标志，即可将音频添加到页面

3.添加到页面中的音频组件可以设置成自动播放或者非自动播放；

循环播放或者只播放1次；

音频组件建议勾选预加载，可以提前加载音乐素材，防止等到该音乐播放的时候，没有及时播放的情况；

显示播放控制条，即显示音乐的播放控制条，可以选择是否勾选。

4.每个音乐文件添加进来后，都需要勾选预加载，避免出现打开H5作品音乐迟迟不播放的情况！设置方式如下：

选中音频，在右侧属性面板中找到“预先加载”进行勾选。

5.点击素材资源的上传标志可以替换素材，点击小眼睛可以预览素材。

6.其他设置

高级用法

1.可以将音频组件放在Masterpage页面，作为背景音乐，或者跨多个页面播放的动画。

2.注意事项：音频如果放置在Masterpage中，删除或修改都需要切换到Masterpage进行。

3.添加音频素材的方式跟在页面中的添加方式一样。如果需要该音频在指定的页面播放，就需要借助触发器来触发音频的播放暂停，通常是用页面触发器触发，该设置要切换到页面去设置音乐的播放暂停控制。

4.同样用页面触发器触发暂停背景音乐。

5.相关注意事项

（1）上传音乐素材要求，音频素材控制在500KB以内，越小越好。

（2）如何控制音乐的播放暂停

（3）为什么音乐不能正常播放