查看详情页也可支持自定义H5页面,用来展示更多内容。
交互规范
- 分屏切换,支持横向和竖向,滑动指引需清晰
- 若详情页加载较慢,需设计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 )