您的位置:首页 > Web前端 > HTML5

自定义H5页面规范

2016-05-05 20:30 441 查看
查看详情页也可支持自定义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 )
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: