HTML 5 is introduce tools for drawing graphics and adding media content most batter page structure and the form handling and several types APIS.
The <audio> tag it defined the sound content on a web page over the internet and The <video> tag that is most important that defines a video or movie on the page of internet and the helping element The <source> that is defines multiple media resources for the two basic media tag the <video> and the <audio> element. The one another element is <embed> that is defines a container for an external application or the interactive content example is ( plug-in).and The <track>that also help it is defines text tracks for <video> and <audio> tag as far as we known the new media tags in HTML 5 are the basic <audio> and <video> but the graphic inclusion function has also been included and it is enables to use or add the CSS file directly.The mean or purpose of these element is that the developer can simple plug and play the media elements by simply using the types that are describe bellow.
Examples :
<audio> src= “audio /sample mp3” auto- play> <audio> or Play a song <audio controls>
<audio> src= “audio /sample mp3” auto- play> <audio> or Play a song <audio controls>
<source src=” h. Ogg” type =”audio/ogg”> <source src=” h.mp3” type=”audio/mpeg>
<embed src =” ponrem>workout swf”>
The more parameters that can be used with the HTML5 tag <embed> the height set the height of the embedded src – set the address of the exter files that is to embed and next the type set the MIME types of the embedded content and the width set the width of the embedded content. The aims of HTML5 is to standardize elements on a webpage and conquer the use of plugins to get the leverage more from the browser. But HTML5 changes that 3n HTML5; we can just put a video inside some ‘video’ types it a simple like you would put a picture in the <image> tagThe chart for audio format
F
|
IE
|
Firefox
|
Opera
|
Chrome
|
Safari
|
OOG
|
No
|
3.5+
|
10.5+
|
3.0+
|
No
|
MP4
|
9.0+
|
No
|
No
|
3.0+
|
3.0+
|
WEV
|
No
|
3.5+
|
10.5+
|
No
|
3.0+
|
The second is <video> tag format there is only three video format that are supported and use with the <video> tag. They are .OOG and mpeg4 and WEBM.
The chart is for video format
F
|
IE
|
Firefox
|
Opera
|
Chrome
|
Safari
|
OOG
|
No
|
3.5+
|
10.5+
|
5.0+
|
No
|
MP4
|
9.5+
|
No
|
No
|
5.0+
|
3.0+
|
WEBM
|
No
|
No
|
10.6+
|
6.0+
|
No
|
Conclusion: These two audio and video media tags are the most important and all remaining tag help these tag to doing their task. They allow the developers with basic HTML 5 experience to include dynamic elements on the web pages that are explore over the internet. Without having to resort to using most complex JavaScript codding. Designers have to keep up with the development of new tools. It’s a new thing to learn and so jump it to HTML 6.
Blogger Comment
Facebook Comment