什么尺寸的视频和音频适合H5？

最近H5很热的现象

使用神奇的音乐，歌词和图片吸引注意力

历史人物，熟悉的歌曲，童年回忆

所有这些都已被改编，各种各样的意外人

大脑大洞令人震惊

多媒体H5的状态

从吴亦凡的假新闻到紫禁城，再到薛志谦的屏幕，使用视频制作H5正变得越来越流行，如今已成为一种趋势.

了解和使用H5多媒体制作并不是前端工程师所需的全部技能. 计划，设计和项目人员对此方面有一点了解. 我相信，在工作过程中，过程沟通将变得更加顺畅和美好.

让我们分析多媒体H5

关于将H5嵌入视频和音频的建议

多媒体H5的优缺点

优点: 1.逼真的: 偶像，明星，美女，帅哥，逼真的射击，逼真的效果，更抢眼

2. 丰富的视听享受: 明星说唱，配音，魔术音乐不仅可以看到而且可以听到

3. 播放中没有BUG: 视频不需要代码来控制播放，没有代码就没有BUG，视频就是

4. 效果既流畅又酷: 不要担心元素太多，图片太大，手机性能低下以及其他性能问题. 有多酷以及如何做

以前，需要很多文件

现在就一个

5. 控件既简单又灵活: 视频是一个完整的，任何移动的缩放都不会影响的内容. 向前，向后，快进，向后快退和暂停只能通过一个视频完成

6. 和重建的分离: 重建仅需要显示并控制交互h5支持的音频格式，而无需关心的内容. 和重建可以并行

7. 希望更小且可持续地加载: 画布文件更少，并且总体文件大小要小得多. 在播放时加载时支持

8. 缩短生产周期: 整个生产周期可以缩短3-5个工作日，并且可以在更短的时间内完成更多的活动

缺点:

1，不支持预加载: 视频预加载支持不好，如果在页面开头未播放视频，则可以在用户触摸屏幕后暂时播放视频h5支持的音频格式，因此可以加载视频

2. 触发机制: 某些手机必须先被用户的屏幕视频触摸才能播放，并且需要引导用户单击屏幕

3. 播放延迟: 单击以播放视频，但有时由于尚未加载视频，因此无法立即播放. 您可以使用来等待过渡

4. 不良的网络体验: 视频持续加载. 如果网络速度慢，用户体验将非常差. 卡卡卡

5. 非高清画质: 高清画质视频的尺寸非常大，用户加载页面所需的时间太长，通常不选择高清画质

6. 视频播放位于顶部: 调用本机播放组件，视频弹出窗口位于顶部，阻塞了整个页面，并且页面无法交互

在顶部播放，没有互动，有明显的视频

内联播放

7. 单音轨: 许多手机仅支持同时播放一种音频. 如果视频中没有声音，则它也被视为一种音频. 播放视频后，无法将其静音

多媒体H5建议

视频:

1. 建议视频的长度在60S之内尽可能小，最好在10M之内. 用户调查发现，用户担心观看H5会浪费太多流量，而视频格式为mp4

2. 建议将视频1S的平均大小控制在0.09〜0.17M的范围内. 根据图像质量要求选择. 如果图像质量要求很高，则可以超过它. 您可以根据视频长度预先估算视频大小，例如: 60S视频大小范围5.4〜10.2M

3. 与师进行交流，以确保视频尽可能清晰. 尽可能压缩视频. 在设计过程中与设计师交流时，使用较少的刺眼色彩可以有效地减小视频尺寸.

4. 由于视频是在播放时加载的，因此视频的大小不仅会影响加载体验，视频的清晰度也会对加载体验产生较大的影响，并且5M以下视频的高清也很平滑

注意: 以上数据来自King Story Station

音频:

1. 音频建议在30S以内，背景音乐在15S左右，格式为mp3

2. 音频1S的平均大小范围为7-12K，可以通过音频的长度预先估算音频的大小，例如: 15S音频的大小范围为105〜180K

更多想法和需求

来找Xike客户服务

扫描或长按以识别QR码以添加客户服务微信并返回搜狐以查看更多

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/ruanjian/article-171565-1.html