自定義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 )


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM