Mobile apps development using HTML5 Tutorials

As you can see, the tag indicates that HTML5 supports the .mp3 file type. Various file types can be specified in the tag (e.g..ogg).

HTML5's tag provides video support. There is a major difference between audio and video in the browser world. With audio, MP3 has widespread support among the various browsers that developers will encounter. There's no equivalent "default" video format in the marketplace. Figure 2 shows a short example that uses the tag.

Just as the tag does for audio, the tag provides the basic infrastructure for supporting video. The biggest problem with the tag is the lack of agreement by major vendors on which formats they support. I won't bore you with the details of this ongoing disagreement.Figure 5: Placeholders in the Android browser But as you can see in the example in Figure 2, you can specify a number of different formats via the tag.

The biggest problem for developers will be creating the video files in the necessary formats for display to users. And in addition to creating and specifying the file formats, developers will need to be careful with the MIME types that are loaded and set up on the server. The installation of Microsoft IIS 7.5 that I used needed to be configured to send these files to the user, so you will most likely need to set up these features. In my example, I set up the necessary MIME types by adding the entries shown in Figure 3 to the web.config file. I've found two tools very helpful in creating the video in the necessary format: Firefogg and HandBrake.

Figure 9: A red square in the canvas tag in Internet Explorer 9Both the and tags and the browsers that support them provide support for JavaScript methods and events. Some of these methods and events can be used to start playing the multimedia, pause the multimedia, handle the multimedia finishing, and initiate numerous other changes and events.

Input tags and attributes. We've had the same set of input tags in HTML for many years. These include , , , and others. These tags have served us well. We've learned over the past few years that there are numerous user input scenarios that we can optimize. For example, how many times have you used a text field to allow the user to input a phone number? You may have had to use some logic to limit the input to numbers or another similar form. It would be nice if we had a tag that was optimized for a phone number. HTML5 provides this along with other new input types. The following examples demonstrate how to use HTML5 input tags:

For a desktop web browser, this may not be a big deal, but for a mobile user, the tel and email input types can be a godsend. The tel type is used as a hint to the browser to open a keyboard that is optimized for phone input, like the one shown in Figure 4. This keyboard will handle primarily numeric input. The email type will result in a keyboard being opened that is optimized for inputting an email address.


You might also like

How to build mobile apps in Dreamweaver: Preparation
How to build mobile apps in Dreamweaver: Preparation ...
Building Windows 8 Metro Style Applications Using
Building Windows 8 Metro Style Applications Using ...

WebView Exploit Can Make Calls From Your Phone  — VPN Creative
Clicking on his link in Messenger immediately initiated a telephone call without warning; according to Neculaesei, this was a sign that Facebook mobile developers likely did not read Apple's URL Scheme documentation.

Q&A

avatar
Can we use HTML5 for developing mobile apps in phonegap?

Yep you can.
HTML5 and CSS can be used (mainly) to provide structure to your mobile apps developed via phone gap.
Javascript on the other hand is used to provide the