🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 声音 **1. 上传声音** 由于多数设备支持mp3,因此在Mugeda内编辑的音频格式建议为mp3。在“媒体”工具栏内选择“声音”按钮,在弹出的“导入声音”对话框中点击“选择文件”,选择上传音频文件。 ![](https://box.kancloud.cn/5ab24bb5654d1a9c973638686a30d0b4_800x407.png) 选择“舞台”上的音频,在“属性面板”中设置音频属性,例如宽高、透明度、旋转度、声音图标、静音图标、是否自动播放、是否循环播放等。 ![](https://box.kancloud.cn/21009a5cf071d1246232bcd77b40c4d4_800x436.png) **2. 声音的控制** 删除物体:如图,选择“舞台”上的声音元件,右键→“删除物体”,删除“舞台”上的声音元素。 ![](https://box.kancloud.cn/3c64833b79bb706ccac1cdad809e7c1a_800x440.png) 设置编辑行为:点击“矩形”按钮,在“舞台”之外绘制一个矩形元素,点击矩形右边的“添加/编辑行为”按钮 ![](https://box.kancloud.cn/ebc31c3d21663c46c217f6c2e98dd620_800x455.png) 在“编辑行为”对话框中选择“媒体播放控制”→“播放声音”,触发条件为“出现”,点击“编辑”按钮进入“参数”对话框 ![](https://box.kancloud.cn/d7369d880d7d8764088b17d0e64454f3_800x308.png) 在“参数”对话框中,选择“声音元件”为“声音1”,自动播放为“是”,点击“确认”,可点击“预览”观察效果 ![](https://box.kancloud.cn/d838aca79c1401a89baddd65d3f0aa3c_800x384.png) 如下图,在新页面中添加图片、“播放”“暂停”“停止所有声音”等文字元素。点击“声音”按钮添加一个新音频。 ![](https://box.kancloud.cn/c1b3fcd9d1abff2a7e9bfa27f9e2aaba_800x443.png) 将其透明度设置为“0”,使音频元素隐藏于“舞台” ![](https://box.kancloud.cn/751370dadbf2463fddd45d5f1c71b83c_800x416.png) 命名该音频元素为“声音” ![](https://box.kancloud.cn/072cd5daf5a25e2fe1912310e93dfee3_800x372.png) 通过行为指令控制、播放、停止所有声音:选中“播放”元素,点击其“添加/编辑行为”按钮,在“编辑行为”对话框内选择“媒体播放控制”→“控制声音”,点击“编辑”按钮进入“参数”对话框 ![](https://box.kancloud.cn/1cb3aa584095578cce483733b4cc9a43_800x385.png) 在“参数”对话框中选择“音频名称”为“声音”、“控制方式”为“播放”,点击“确认” ![](https://box.kancloud.cn/c3887ae34341dcd0abbc787e38cce252_800x372.png) 同理设置“暂停”编辑行为:“媒体播放控制”→“控制声音”,点击“编辑”按钮进入“参数”对话框 ![](https://box.kancloud.cn/8755d6e4f04b34c942612f35ab160581_800x429.png) 在“参数”对话框中选择“音频名称”为“声音”、“控制方式”为“暂停”,点击“确认” ![](https://box.kancloud.cn/1774121241e0a67fcc9489cee98aceeb_800x388.png) 设置“停止所有声音”编辑行为:上传、添加一个新音频至“舞台”,将其命名为“声音2” ![](https://box.kancloud.cn/73c98814caea34d995b722897ef42419_800x427.png) 将其“声音2”音频元素透明度设为“0” ![](https://box.kancloud.cn/e2ccf8370859e8fb1483372d4f007969_800x260.png) 选中“停止所有声音”元素,点击其“添加/编辑行为”按钮,在“编辑行为”对话框内选择“媒体播放控制”→“停止所有声音” ![](https://box.kancloud.cn/7164ed7951b52bdd7a6d1d2bd3f57330_800x431.png) 设置“声音2”为“自动播放”,可点击“预览”观察效果 ![](https://box.kancloud.cn/eadaa89ceb0f250566b36b697a1caff3_800x373.png) **3. 设置背景音乐** 如图,在“元件面板”内可找到之前上传的三个音频文件 ![](https://box.kancloud.cn/ad399520232a45dfad8a6fda01fc1d90_800x421.png) 鼠标点击“舞台”空白处,在“舞台”的“属性面板”内找到“背景音乐”设置框,选择所需背景音乐文件。点击“预览”观察效果。 ![](https://box.kancloud.cn/fba11d18f191198e00c30b398ca290fd_800x488.png) 观看本节视频教程: http://cdn1.mugeda.com/course/3/3.2/3.2.6.mp4