[vc_col_top_icon title=”Apple Dev’s best practices for iOS video encoding screen resolutions” icon=”mobile” url_target=”_self” title_color=”#919191″ title_hovercolor=”#a0c4f1″ icon_color=”#ffffff” icon_bgcolor=”#000000″ url_value=”http://gravlab.com/iphone.html”]
|Use Scenario||Resolution & Frame Rate||Example Data Rates|
|Mobile Content||176×144, 10-15 fps||50-60 Kbps … 3G, CDMA|
|Internet/Standard Definition||640×480, 24 fps||1-2 Mbps|
|High Definition||1280×720, 24p||5-6 Mbps|
|Full High Definition||1920×1080, 24p||7-8 Mbps|
[/vc_col_top_icon][vc_cta_button call_text=”Want your encoding handled & done?” title=”Get started today” target=”_self” color=”btn_black” icon=”none” size=”btn-large” position=”cta_align_right” href=”http://gravlab.com/plans.html”]
Quick break down with some caveats
The pixel width and height of your page will depend on orientation as well as the meta viewport tag, if specified. Here are the results of running jquery’s $(window).width() and $(window).height() on iPad 1 browser.
<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1">
<meta name="viewport" content="width=device-width">:
<meta name="viewport" content="height=device-height">:
<meta name="viewport" content="height=device-height,width=device-width">:
<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width,height=device-height">
<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,height=device-height">
[vc_blockquote type=”type1″ border_color=”#000000″ border_size=”1″]
If you can, try and minimize the amount of zooming the user needs to do to click buttons and text areas.
Make the width and height the same as the lower resolution of the iPad, since you don’t know which way it’s oriented.
[vc_blockquote type=”type1″ border_color=”#000000″ border_size=”4″]
Designed into iPhone OS 3.0 on up to 7.0 and beyond, the built-in video player now supports adaptive bit rate switching during playback. As a user watches a video, the iPhone player will detect the user’s available bandwidth and automatically adjust to the appropriate bit rate during playback. This process is a much better viewing experience: higher quality (bit rate) videos are streamed for faster WiFi connections while lesser quality videos are streamed in low bandwidth situations such as is the case with AT&Ts 3G network. We can even encode your video so that it fails over to an audio only stream with images for weak cellular signals if necessary.
Apple calls their streaming technology ‘HTTP Live Streaming’. The ‘Live’ part of the name can be confusing. It’s iOS streaming video – on demand or live streaming. To take advantage of this, you need to create a set of files including a master .m3u8 streaming instruction file, a .m3u8 file for each bitrate you have specified, and all the video segments (MPEG .ts) in the duration specified.