作用：作品中加入不同风格的背景音乐，可以展示作品整体节奏，突显H5的表达主题。

使用权限：体验版及以上版本

注：微信最新版本中，部分安卓机型不支持背景音乐组件的自动播放，原因是微信升级没有支持 Android 音频的预加载播放。目前Android只能采用手动点击的方式播放，需等微信做支持后，才可以自动播放。

一、场景应用

每个H5作品仅可以设置一个背景音乐，它可以贯穿整个H5作品进行播放，自带图标控制暂停播放；背景音乐可以自动播放或被触发播放。

二、素材准备

1.必须是标准MP3格式音频文件， 不建议使用WAV/MIDI等其他音频格式。

2.考虑到在微信移动端加载，建议不超过500K，可以截取背景音乐的一段循环播放。

3.格式转换／剪辑／压缩

格式工厂Windows版（点击下载）推荐！

Fission（目前只有Mac版，具体使用攻略请看这里）

Adobe Audition（点击下载）

cooledit（点击下载）

Corel VideoStudio，中文名会声会影（点击下载）

QQ音乐（点击下载）（音频剪辑、压缩）

GoldWave（点击下载）（编辑、播放、录制、转换）

WinMP3Shrink（点击下载）（压缩软件）

Premiere（点击下载）（多功能编辑）

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

4.注意事项

对于在微信里展示的内容，为了确保性能和展示效果，我们对音频素材有如下建议:

作为背景音乐的音频文件，一般不要超过1M，建议400kb左右，在保证场景效果的前提下建议截取一段并结合循环播放进行使用

5.免费声音资源网站

这里我们只是分享给大家素材网站，如需商用请仔细阅读素材网站上的版权标注，一切责任将由使用者本人承担

http://www.2gei.com/

http://www.cgown.com/material/music

http://www.newcger.com/sounds/

三、组件用法

基础用法

1.添加方式

①鼠标移动到音乐组件，显示2个组件，点击第一个背景音乐添加；

或者通过右侧面板中的【背景音乐】模块进行添加。

②点击背景音乐后，显示音乐素材弹窗，点击素材添加。

③添加后的背景音乐在Masterpage页面，不在当前页面显示。

④切换到masterpage页面，可以查看新添加的背景音乐。

2.替换或删除

①在masterpage页面选中音频标识双击，可以替换素材文件。

②点击背景音乐，按键盘上的delete键可以删除，接着按键盘的Ctrl+Z可以撤销删除。

还有一个删除方式是切换到页面，在右侧作品信息中找到背景音乐删除。

注意：如果整个作品中没有添加背景音乐，但是只在Masterpage页面添加了一个音频，H5会将这个音频作为背景音乐。

3.显示/替换背景音乐图标

①只需要在作品信息面板勾选“显示背景音乐图标”，就可以全局控制音乐，H5播放过程中点击该图标可控制背景音乐播放暂停。

②替换图标素材

音乐的播放暂停按钮除了可使用自带，也可以将“音符”图标替换成其他图标素材。

高级用法

1.控制音乐的播放/暂停

（1）如何在翻页的时候暂停背景音乐？从某一页开始播放音乐，或者从某一页开始暂停音乐。

用页面触发器——切换到当前页面时——播放/暂停音频——选择音频文件。点击M，表示要控制Masterpage页面的音频播放。

（2）这个触发行为在哪？

（3）如果需要替换成其他音符图标素材，可以参考下图（按钮的素材是可以替换的）

2.开始播放视频时，暂停掉音乐。

3.如何替换背景音乐控制按钮

背景音乐默认是自动循环播放的，要是想要通过按钮控制暂停播放，必须另外进行设置。

4.选中背景音乐图标，可以修改替换标识显示等相关设置

5.注意：编辑器中不支持对音频文件音量大小的调节，所以需要各位派友在相关的音频软件中调整好再上传音频文件。

6.⚠️关于背景音乐图标的注意事项：

背景音乐图标主要给背景音乐使用，如果没有添加背景音乐素材，不建议大家勾选显示背景音乐图标。因为在点击该图标时，会默认用masterpage 上的第一个音频作为背景音乐。

也可以自己添加合适的按钮组件来控制音乐播放暂停。

四、相关Q/A

1.为什么我设置了还是没有看到音乐图标呢？

    请确认是否开启了显示MasterPage。因为默认是放在Masterpage中的。

2.播放视频暂停背景音乐怎么做？

    设置视频开始播放时的触发器，暂停掉背景音乐。

3.如何选择是否自动播放音乐？

    需要切换到Masterpage页面去调整，右侧面板勾选或取消勾选自动播放即可。

4.如何实现音乐的跨页播放？

    直接添加背景音乐组件或切换到Masterpage页面，添加音频组件。

5.为什么我的音乐不能正常播放？

    可能由于音频格式、文件大小等问题导致，具体说明请点击标题查阅。