H5设计素材之背景音乐去哪找（最酷h5怎么加背景音乐）

做好一个H5是需要很多的东西的，H5要让读者在很多的时间里面提起兴趣，所以是需要背景音乐的，但是背景音乐应该去哪里找呢？今天我们就来说说。

操作方法

第一个是平台自带的音乐，也就是MAKA上面的音乐，全都是纯音乐，而且每一首BGM都会对应一种情绪，分类是很明确的。

第二个是5sing，这是一个原创音乐基地，这是可以搜索到几乎国内外所有的音乐伴奏的，直接搜索歌名，然后旁边就有下载的链接。

第三个是Freeplay，它是一个大片级的音乐库。里面的音乐风格多样，质量又高。关键的是个人使用是完全免费的。而且里面都是全世界音乐大家的作品。场景配乐必备。

每一首音乐还有不同时间长度的版本，都不用自己剪辑。

第四个是个人创办的网站，是天才作曲家Benjamin TISSO，网站叫BenSound。都是各种风格，高质量的纯音乐，是非常适合做BGM的。

但是如果你是商用需要购买它的版权的。

第五个是全免费商用的，叫Dust Sounds。

直接进入网站，选择音乐另存为就可以。

第六个是一个专门的音效网站，叫Soundbible。里面有又多又优质的声效和音乐剪辑，在导航栏中的Royalty Free Sound下的素材免费可商用的。

想要下载就只要选择自己看好的音效，点击进去，再选择喜欢的格式就可以了。

在H5场景中插入自定义音频和视频（任意画面）

本文由Zoomla!逐浪CMS官方发行，提升每一个开发者技能，并提供丰富的帮助信息。

在动力场景中，可以自由引用全场背景音乐。

但是，在一些特殊场合，比如要做一个音乐相册，如何自由定义相应音乐？

其实方法很简单，我们只要采用图文按钮，在“html”模式下粘贴代码就能自由上传、定义音乐：

首先我们选择左上角的添加新组件，

然后选择图文按钮，如下图：

在编辑器录入框中，输入相应代码：

插入视频的方法是：

其效果如下：

插入音频的方法是：

其中autoplay是用于自动播放，如果放入此字符，则会自动播放，否则不会自动播放，如下图所示：

而controls是显示播放器按钮，如果不想显示播放器，则放入背景，不显示即可。

如果要插入优酷等第三方视频，则应使用通用代码，进行插入：

体验预览：http://v.z01.com/h5/1318

*需要注意的是，在HTML代码模式编辑好代码后，要再点此代码，回到可视化编辑，再保存，否则代码不会生效。