自定义H5页面规范
2016-05-05 20:30
441 查看
查看详情页也可支持自定义H5页面,用来展示更多内容。
若详情页加载较慢,需设计loading页,给予用户友好的提示
如有视频,需在底部加上“建议在Wi-Fi环境下播放”提示
建议一个页面不超过两种以上交互操作
最小按钮宽度:160像素
最小按钮高度:60像素
页面最小字号:不小于24像素
二维码最小尺寸:200像素×200像素 ,边距至少为10像素
背景音乐规范:必须支持音乐可循环及可关闭,并采用渐强的方式出现
音乐播放/关闭按钮,参加下图规范,并放置于页面右上角位置
时长:≤ 45 秒
视频编码:H.264/AVC
FPS:推荐 24 fps
码率:≤ 800 kbit/s
音频格式:AAC
音频码率:≤ 96 kbit/sec
音频采样率:推荐 44.1 kHz
文件大小限制:≤ 5MB ( 实际大小与时长及码率对应,如20秒的视频,大小为 20秒×(800码率÷8)÷1024=1.95MB )
交互规范
分屏切换,支持横向和竖向,滑动指引需清晰若详情页加载较慢,需设计loading页,给予用户友好的提示
如有视频,需在底部加上“建议在Wi-Fi环境下播放”提示
建议一个页面不超过两种以上交互操作
设计规范
页面尺寸建议:640像素×1100像素最小按钮宽度:160像素
最小按钮高度:60像素
页面最小字号:不小于24像素
二维码最小尺寸:200像素×200像素 ,边距至少为10像素
背景音乐规范:必须支持音乐可循环及可关闭,并采用渐强的方式出现
音乐播放/关闭按钮,参加下图规范,并放置于页面右上角位置
H5页面内嵌入全屏视频规范
建议:使用流媒体播放,并添加可跳过播放按钮时长:≤ 45 秒
视频编码:H.264/AVC
FPS:推荐 24 fps
码率:≤ 800 kbit/s
音频格式:AAC
音频码率:≤ 96 kbit/sec
音频采样率:推荐 44.1 kHz
文件大小限制:≤ 5MB ( 实际大小与时长及码率对应,如20秒的视频,大小为 20秒×(800码率÷8)÷1024=1.95MB )
相关文章推荐
- 给大家推荐几篇技术文章
- 浅谈锚链接(native 嵌套 h5)
- HTML5 audio标签使用 preload属性 规定是否在页面加载后载入音频
- PHP & HTML5 学习 第四课 PHP变量
- 便利的html5 之 required、number 、pattern
- HTML5 Canvas游戏开发(四)lufylegend开源库件(下)
- 移动前端头部标签(HTML5 head meta)(转)
- html5中audio标签在不同平台下的问题
- Html5 手机网页中,长按会触发系统事件,请问怎么取消这些事件?
- HTML5拖放事件
- 加速Web开发的9款知名HTML5框架
- html5调用手机摄像头,实现拍照上传功能
- HTML5调用手机摄像头拍照
- PHP Html5上传大文件
- HTML5——拖放
- HTML5——音频视频
- HTML5培训第11节课堂笔记(响应式布局:媒体查询,条件注释,mui基础知识,引导页小实例)
- HTML5气泡悬浮框(已经加上完整文件)
- H5页开发规范/通用规范
- HTML5小知识