2.音频组件

小常发表于:2017年09月04日 14:56:00更新于:2019年07月19日 10:45:15

视频教程

一、应用场景

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

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


二、素材准备

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

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

0015d312e60ab532c5b0fc67f8648ca


三、组件用法

基本用法

1.点击音频组件添加

0015cc5498c356dd1842769e770f191


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

0015cc549e38d6532a3bb065d04fb48


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

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

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

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

0015cc54d7e4cc0388a47cf770fe4a9


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

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

image.png



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

0015cc5506089bce3f4ea1ff96c2e02


6.其他设置

0015cc552a1368d1f2d77e7f22f7fa8


高级用法

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

0015c08bc0e7e222eb6f1297ffe0c33


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


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

0015cc555b203fe6ded65fb8cea3f1c


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

0015cc557bead7526dd607e629771a1


5.相关注意事项

(1)上传音乐素材要求音频素材控制在500KB以内,越小越好。

(2)如何控制音乐的播放暂停

(3)为什么音乐不能正常播放