🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 声音及视频处理 >[info]#### **1.声音处理方式** >[danger]##### Mugeda中上传的音频一般为mp3格式,如果是背景音乐的话建议时间控制在20s内,不要超过20M 添加声音:点击“媒体”栏下的“声音”按钮,在弹出的“导入声音”对话框中点击“选择文件”按钮,添加所选音频素材 ![](https://box.kancloud.cn/57c587beaac204413f4b7a94e36f95ae_800x479.png) 选中舞台上的音频素材,在其“属性”面板内设置播放属性:“自动播放”:是;“循环播放”:是 ![](https://box.kancloud.cn/044fc89e468833c1e14f2e6bc2855176_800x349.png) 替换图标:选中舞台上的音频素材图标,在“属性”面板内点击“声音图标”右边的图标标志,在弹出的“媒体库”中选择自己想要的图标素材 ![](https://box.kancloud.cn/00e735ef8074d287649b510940c1a3d9_800x264.png) ![](https://box.kancloud.cn/697a866679f18061d0fd53d5b1bd154b_800x526.png) 由于是背景音乐,无需将图标显示在画面中,因此可将舞台上图标鼠标拖动至舞台之外。 >[info]#### **2.视频处理方式** >[danger]##### 添加的视频格式为mp4,视频大小控制在20M以内 点击添加第2页面,点击“视频”按钮,在弹出的“导入视频”对话框中点击“选择文件”按钮,选择自己想要添加的视频文件。 ![](https://box.kancloud.cn/2e03853629d5015c66da5aa8c0331fcf_800x524.png) 替换视频控制图标:首先点击“素材库”按钮,在“媒体库”对话框中添加自己想要的控制图标素材,使用“变形”工具调整素材大小位置。 ![](https://box.kancloud.cn/d61d8bdc5add9e563c32edea7a2ca21f_800x528.png) 鼠标选中“选择”工具,点击图标右边的“添加/编辑行为”按钮 ![](https://box.kancloud.cn/7f2939c6b4aa2fefe390552fed5cca74_800x422.png) 在“编辑行为”对话框中选择“媒体播放控制”→“播放视频”,点击“编辑”按钮 ![](https://box.kancloud.cn/a3687654558e2c619b3264bb869f718a_800x395.png) 在“参数”对话框中选择“视频元件”为“视频1”,点击“确认”,点击保存,点击预览效果。 ![](https://box.kancloud.cn/aac60fb7d3871c92e68e2a9e2b050ae5_800x437.png) 隐藏播放按钮:在舞台上选中视频素材,在其“属性”面板内将“隐藏播放按钮”设置为“是”,其他视频属性可自由调控。 ![](https://box.kancloud.cn/b12eee1c79b1c644f99390e29ce419f2_800x352.png) > 注:音频、视频添加至舞台后,可作为元件自动列属在“元件”面板下,这些元件在舞台上被删除后,仍可在“元件”面板中找到。选中需添加的元件,点击“元件”面板下“添加到画布”按钮即可将选中元件添加至舞台,同时也可用鼠标直接将元件拖至舞台放开的方式添加元件至舞台。 ![](https://box.kancloud.cn/fc930d5249b5efb4dea900201a66a4cc_800x499.png) ![](https://box.kancloud.cn/e16b809bbd8b610bbc85a22ca4221555_800x422.png) 观看本节视频教程: http://medu.mugeda.com/lesson/5948eb0f9aeb7060c44f03de