Simple HTML5 based Windows Phone application with Apache Cordova and jQuery Mobile

Posted: Jun 04, 2012 at 10:15 AM
By: Olivier Bloch
Avg Rating: 5

(1)
4,013 Views
reddit

Tweet

8 minutes, 59 seconds

format
< > embed
+ queue

Sign In first to access your queue.
Close

Sorry, video was not added to the queue, an error occurred. Please Contact Us and let us know.
Close

Embed code for this video

Copy the code above to embed our video on your website/blog.

Video format

Option selected may change based on video formats available and browser capability.

Auto
Use our suggested format for this video.
Smooth Streaming
Adaptive bitrate streaming - little buffering but lower video quality at times of low bandwidth. Silverlight 5 required
Progressive
Traditional buffered video format. Silverlight 5 required
HTML5
For browsers that support H.264 MP4 or WebM video playback such as:
IE9+, Firefox 4+, Chrome 5+, or Safari 4+.
Flash
For browsers that have the Adobe Flash Player plugin installed.

Download

Right click “Save as…”

High Quality WMV (PC, Xbox, MCE)

File size
47.8 MB
MP3 (Audio only)

File size
4.0 MB
Mid Quality WMV (Lo-band, Mobile)

File size
19.3 MB
High Quality MP4 (iPad, PC)

File size
74.7 MB
MP4 (iPod, Zune HD)

File size
9.0 MB
Mid Quality MP4 (WP7, HTML5)

File size
57.7 MB

HTML5 can be used in Windows Phone application development.

Leveraging HTML5 allows publishing a same application on several platforms reusing a maximum of code. Tools and frameworks such as Apache Cordova (previously known as PhoneGap) allow to "wrap" the HTML5 and JavaScript code into a native application using the WebBrowser control.

In this video you can watch a rapid demo of the following:

Integration of the HTML5 code into an Apache Cordova solution within Visual Studio to generate a Windows Phone application
The jQueryMobile theme for Windows Phone (Metro style) is applied to better integrate the application into the Windows Phone experience

Follow the Discussion

Follow
Oops, something didn't work.

Try again?

Sign In to be begin to follow these comments

What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in. You need to be signed in to Channel 9 to use this feature.

Getting "follow" information

Stop following these comments

Start following these comments

What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in and view them all on your notifications page.

Removing your "follow"

Setting up your "follow"

Did you know you can
sign up for email notifications?
- Subscribe to this comments

Comments Closed

Comments have been closed since this content was published more than 30 days ago, but if you'd like to continue the conversation, please create a new thread in our Forums,
or Contact Us and let us know.