养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

木疙瘩教程(H5制作):处理声音及视频

时间:2024-10-21 19:04:29

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

工具/原料

mugeda

方法/步骤1:声音处理方式

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

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

木疙瘩教程(H5制作):处理声音及视频

3、选中舞台上的音频素材,在其“属性”面板内设置播放属性:“自动播放”:是;“循环播放”:是

木疙瘩教程(H5制作):处理声音及视频

4、替换图标:选中舞台上的音频素材图钿泼兽匿标,在“属性”面板内点击“声音图标”右边的图标标志,在弹出的“媒体库”中选择自己想要的图标素材

木疙瘩教程(H5制作):处理声音及视频

木疙瘩教程(H5制作):处理声音及视频

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

方法/步骤:视频处理方式

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

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

木疙瘩教程(H5制作):处理声音及视频

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

木疙瘩教程(H5制作):处理声音及视频

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

木疙瘩教程(H5制作):处理声音及视频

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

木疙瘩教程(H5制作):处理声音及视频

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

木疙瘩教程(H5制作):处理声音及视频

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

木疙瘩教程(H5制作):处理声音及视频

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

木疙瘩教程(H5制作):处理声音及视频

木疙瘩教程(H5制作):处理声音及视频

© 一点知识