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