视频教程
一、应用场景
音频是放置在某个页面中的音乐,可以自动播放或被触发播放,一个页面可以添加多个音频组件,不建议在layer页面中添加音频组件。
一般是在当前页面进行播放,也可以设置跨页播放,只需要将音频文件放置在Masterpage页面即可。
二、素材准备
音频文件原则上单个不要超过300KB,越小越好。
音频素材也可以在公共素材库里添加。点击背景音乐组件添加音频素材时会显示下图弹窗。
三、组件用法
基本用法
1.点击音频组件添加
2.显示音频素材弹窗,点击添加标志,即可将音频添加到页面
3.添加到页面中的音频组件可以设置成自动播放或者非自动播放;
循环播放或者只播放1次;
音频组件建议勾选预加载,可以提前加载音乐素材,防止等到该音乐播放的时候,没有及时播放的情况;
显示播放控制条,即显示音乐的播放控制条,可以选择是否勾选。
4.每个音乐文件添加进来后,都需要勾选预加载,避免出现打开H5作品音乐迟迟不播放的情况!设置方式如下:
选中音频,在右侧属性面板中找到“预先加载”进行勾选。
5.点击素材资源的上传标志可以替换素材,点击小眼睛可以预览素材。
6.其他设置
高级用法
1.可以将音频组件放在Masterpage页面,作为背景音乐,或者跨多个页面播放的动画。
2.注意事项:音频如果放置在Masterpage中,删除或修改都需要切换到Masterpage进行。
3.添加音频素材的方式跟在页面中的添加方式一样。如果需要该音频在指定的页面播放,就需要借助触发器来触发音频的播放暂停,通常是用页面触发器触发,该设置要切换到页面去设置音乐的播放暂停控制。
4.同样用页面触发器触发暂停背景音乐。
5.相关注意事项
(1)上传音乐素材要求,音频素材控制在500KB以内,越小越好。
(2)如何控制音乐的播放暂停
(3)为什么音乐不能正常播放