自定义H5页面规范

标签：

查看详情页也可支持自定义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 )

自定义H5页面规范

标签：

原文地址：http://www.cnblogs.com/lazb/p/5463271.html