zoukankan      html  css  js  c++  java
  • 自定义H5页面规范

    查看详情页也可支持自定义H5页面,用来展示更多内容。

    交互规范

    • 分屏切换,支持横向和竖向,滑动指引需清晰
    • 若详情页加载较慢,需设计loading页,给予用户友好的提示
    • 如有视频,需在底部加上“建议在Wi-Fi环境下播放”提示
    • 建议一个页面不超过两种以上交互操作

    设计规范

    • 页面尺寸建议:640像素×1100像素
    • 最小按钮宽度:160像素
    • 最小按钮高度:60像素
    • 页面最小字号:不小于24像素
    • 二维码最小尺寸:200像素×200像素 ,边距至少为10像素
    • 背景音乐规范:必须支持音乐可循环及可关闭,并采用渐强的方式出现
    • 音乐播放/关闭按钮,参加下图规范,并放置于页面右上角位置
      h5-pic

    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 )
  • 相关阅读:
    Mybatis原理
    周六上课随记
    第一次外包面试
    复习所想
    如何解决高并发下的超卖问题
    Tomcat架构解析
    即将逝去的25岁
    go 刷算法第一题——反转字符串
    JavaScript杂货
    jdk17新特性
  • 原文地址:https://www.cnblogs.com/lazb/p/5463271.html
Copyright © 2011-2022 走看看