Html5 in mobile devices

HTML5 provides the mobile device users to get richer web applications and improved usability. The standardize the use cases and technologies that are common in Smartphone-optimized Mobile Web applications. In today’s Mobile Web of WML or XHTML-MP or documents, these features are implemented using proprietary device and browser APIs. With HTML5, advanced Web application features are available in all mobile browsers supporting the markup language, using the same standard syntax and displaying the same standard behavior.
Key Features for Mobile Devices
Offline Support
The AppCache and Database make it possible for mobile developers to store thing locally on the device and now that interruptions in connectivity will not affect the ability for someone to get their work done.
Canvas Drawing
Sites can mark off a space on a page where interactive pictures, charts and graphs, game components, and other imaginations can be drawn directly by programming code and user interaction—no or other required.
Video and audio streaming support
It's in the very early stages and subject to format disruption, but sites like YouTube and could one day skip Flash entirely and bring streaming audio and video, with timed playback and other neat features.
GeoLocation API
This is actually not part of HTML5, but is a separate specification.The API lets you share your location with trusted web sites. The latitude and longitude are available to JavaScript on the page, which in turn can send it back to the remote web server and do fancy location-aware things like finding local businesses or showing your location on a map.
Advanced Forms
Even simple things like the improvements in HTML5 for could make life easier for mobile applications. Fields that can be validated by the browser are improvements for mobile devices. The more that can be handled by the browser means less time downloading JavaScript code and fewer round trips to the server if validation can be found before the form is posted.
HTML5 Capabilities in Top Mobile Devices
NetBiscuits a world’s leading cloud software service for cross-platform development, publishing and monetization of mobile sites and apps has released Mobile Web Metrics Report that demonstrates HTML5 capabilities in mobile devices. The report checked how many HTML5 features are supported by different devices that access mobile web.
Top 5 Supported Features
GeolocationAPI, Offline Web Application Support, WebStorage, CSS3 Selectors and 2D Animations are the top five supported features referred to by the term HTML5 across the top 15 mobile devices in all USA , UK , Germany ,Malaysia ,Australia markets examined .
Top 5 Partially Supported Features
Misc. Element Types & Attributes, Extended User Interaction Concept, CSS3 in General, Extended Form Concept, and Extended Video / Audio Support are the top five partially supported HTML5 across the top 15 mobile devices in all USA , UK , Germany ,Malaysia ,Australia markets examined.
Top 5 Not Supported Features
Microdata, 3D Animation Rendering, FileReader API, IndexedDB, and Local Device Support or the WebWorkers feature respectively are the top five HTML5 features not supported across the top 15 mobile devices in all USA , UK , Germany ,Malaysia ,Australia markets examined.
This report concludes that HTML5 is a welcome addition to the mobile party, but it does not negate device and OS fragmentation.
Frameworks for App Development
With HTML5 and mobile web development new tools and frameworks are popping to provide a more consistent and comprehensive HTML5 support across mobile browsers.
Such HTML5 mobile web frameworks are:
Sencha Touch
Sencha Touch, the first HTML5 framework for mobile devices.This framework builds web apps that make sense for mobile devices. It comes with a comprehensive widget library, complete touch event management with CSS transitions and an extensive data package.
M-Project
The-M-Project is an HTML5 JavaScript framework that targets iOS, Android, BlackBerry and webOS platforms.It makes use of jQuery on the JavaScript part and contains all UI and core files with features like offline support, internationalization and more.
jQTouch
A jQuery plugin for mobile web development on the iPhone, iPod Touch, and other forward-thinking devices. This framework is heavy on the CSS, while light on the JavaScript.
joapp
Jo is a JavaScript framework for HTML5 capable browsers and devices. It was originally designed to work on mobile platforms as a GUI and light data layer on top of PhoneGap. Since its creation, Jo has also been tested successfully as a lightweight framework for mobile browsers, newer desktop browsers, and even Dashboard widgets.
DHTMLX Touch
DHTMLX Touch is an HTML5-based JavaScript library for building mobile web applications. It’s not just a set of UI widgets, but a complete framework that allows you to create eye-catching, cross-platform web applications for mobile and touch-screen devices.
The framework is compatible with the major web browsers for mobile platforms. Applications built with DHTMLX Touch will run smoothly on iPad, iPhone, Android-based smartphones, and other popular devices.
Issues with HTML5
Video Related
With Iphones and Ipads
iOS is Apple’s that powers iPhones, , and iPads. iOS 3.2 has a number of issues with HTML5 video.
*iOS will not recognize the video if you include a poster attribute. The poster attribute of the element allows you to display a custom image while the video is loading, or until the user presses “play.” This bug is fixed in iOS 4.0, but it will be some time before users upgrade.
*If you have multiple source elements, iOS will not recognize anything but the first one. Since iOS devices only support H.264+AAC+MP4, this effectively means you must always list your MP4 first. This bug is also fixed in iOS 4.0.
With Android Phones
Android is Google’s operating system that powers a number of different phones and handheld devices. Versions of Android before 2.3 had a number of issues with HTML5 video.
*The type attribute on source elements confused Android greatly. The only way to get it to recognize a video source is, ironically, to omit the type attribute altogether and ensure that your ++MP4 video file’s name ends with an .mp4 extension. You can still include the type attribute on your other video sources, since H.264 is the only video format that Android 2.2 supports. (This bug is fixed in Android 2.3.)
*The controls attribute was not supported. There are no ill effects to including it, but Android will not display any user interface controls for a video. You will need to provide your own user interface controls. At a minimum, you should provide a script that starts playing the video when the user clicks the video. This bug is also fixed in Android 2.3.

Main Menu

See Also

Main Menu