2 Introducing Multimedia_presentation1 2variant

Introducing Multimedia

10.4.2.4 4 use HTML tags to insert multimedia objects into a webpage

HTML review

Elements consist of opening tag, contents of the element and closing tag.
Tags have attributes.
NEXT
Some elements/tags are singletons

Document Object Model (DOM) defines relationships, attributes & methods of objects.

Background on audio & video

This is native support (no need for plugins), no dependence on YouTube.
Issue: Multiple formats (aka codecs) for each.
Different browsers recognize different formats.
Situation MAY improve: may be standardization.
Good news: the

Audio & video elements

HTML5 and

- We all know about HTML5 and its various use cases. It has enriched the user interface with a rich set of functionalities and elements that have not only improved the user experience in terms of UX and efficiency and means of communication but have also provided a more meaningful structure to html with the introduction of HTML5. - In this presentation, I will be giving a brief intro on the HTML5

HTML5

tag is used to play audio in html pages. It takes the below basic format in its simplest form: With the above structure, when the html page loads the page requests for the audio file listed in the "src" attribute and the “controls” attribute displays the browser default audio player for controlling playback.  In the next slide, I have shown the sample code and the browser view (Chrome).

Basic format in which

There are basically two formats in which

Your browser does not support the audio element