Customizing the H5 page specification

Source: Internet
Author: User

The View Details page can also support custom H5 pages to show more content.

Interaction specification
  • Split-screen switching for horizontal and vertical orientation, clear slide guide
  • If the details page load is slow, you need to design loading page, give user-friendly tips
  • If you have a video, you need to add a "recommended to play in Wi-Fi environment" tip at the bottom
  • Suggest a page not more than two kinds of interactive operation
Design specifications
  • Page size recommendations: 640 pixels x1100 pixels |
  • Min. button width: 160 megapixels
  • Min. button Height: 60 megapixels
  • Page minimum size: not less than 24 pixels
  • QR code min. Size: 200 pixels x200 pixels with a margin of at least 10 pixels
  • Background music specification: must support music can be recycled and can be closed, and in a gradual way to appear
  • Music Play/Close button, take the specification and place it in the top right corner of the page
Embed full-screen video specification in H5 page
    • Recommendation: Use streaming media to play and add a skip play button
    • Duration: ≤ 45 seconds
    • Video code: H.264/AVC
    • FPS: Recommended fps
    • Code Rate: ≤800 kbit/s
    • Audio format: AAC
    • Audio bitrate: ≤96 kbit/sec
    • Audio sample rate: Recommended 44.1 kHz
    • File size limit: ≤5MB (actual size vs. time and bitrate, such as 20 second video, size 20 seconds x (800 bitrate ÷8) ÷1024=1.95mb)

Customizing the H5 page specification

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.