木疙瘩教程（H5制作）：处理声音及视频

木疙瘩教程（H5制作）：处理声音及视频

h5的形式越来越多样，一阶段内，视频尤其的火爆，但如何能够预览的更流畅，制作中需要技巧，本篇来介绍如何处理音频和视频。

Mugeda中上传的音频一般为mp3格式，如果是背景音乐的话建议时间控制在20s内，不要超过20M

添加声音：点击“媒体”栏下的“声音”按钮，在弹出的“导入声音”对话框中点击“选择文件”按钮，添加所选音频素材

选中舞台上的音频素材，在其“属性”面板内设置播放属性：“自动播放”：是；“循环播放”：是

替换图标：选中舞台上的音频素材图标，在“属性”面板内点击“声音图标”右边的图标标志，在弹出的“媒体库”中选择自己想要的图标素材

由于是背景音乐，无需将图标显示在画面中，因此可将舞台上图标鼠标拖动至舞台之外。

添加的视频格式为mp4，视频大小控制在20M以内

点击添加第2页面，点击“视频”按钮，在弹出的“导入视频”对话框中点击“选择文件”按钮，选择自己想要添加的视频文件。

替换视频控制图标：首先点击“素材库”按钮，在“媒体库”对话框中添加自己想要的控制图标素材，使用“变形”工具调整素材大小位置。

鼠标选中“选择”工具，点击图标右边的“添加/编辑行为”按钮

在“编辑行为”对话框中选择“媒体播放控制”→“播放视频”，点击“编辑”按钮

在“参数”对话框中选择“视频元件”为“视频1”，点击“确认”，点击保存，点击预览效果。

隐藏播放按钮：在舞台上选中视频素材，在其“属性”面板内将“隐藏播放按钮”设置为“是”，其他视频属性可自由调控。

注：音频、视频添加至舞台后，可作为元件自动列属在“元件”面板下，这些元件在舞台上被删除后，仍可在“元件”面板中找到。选中需添加的元件，点击“元件”面板下“添加到画布”按钮即可将选中元件添加至舞台，同时也可用鼠标直接将元件拖至舞台放开的方式添加元件至舞台。