Presentation on theme: "HTML5 Application Development Fundamentals"— Presentation transcript:
1 HTML5 Application Development Fundamentals MTA ExamHTML5 Application Development Fundamentals
2 Build the User Interface by Using HTML5 98-375: OBJECTIVE 2Build the User Interface by Using HTML5
3 LESSON 2.3Choose and configure HTML5 tags to play media
4 overview Lesson 2.3 In this lesson, you will review the following: Video and audio tagsThe <audio> tag defines sound, such as music or other audio streams.The <video> tag specifies video, such as a movie clip or other video streams.Essentially, the video and audio elements enable embedding of video and audio content into an HTML page without requiring an add-on or external player.
6 Lecture Lesson 2.3 Benefits of Using Audio and Video Tags Semantic tags make it easier for search engines (rather than generic object tags).Not vendor-specific.No additional plug-ins or software are required.These elements are part of the Document Object Model (DOM), which provides more control over them through scripting and Cascading Style Sheets (CSS).They make it easier to add video and audio to a web page.Remind students that sematic tags provide a user name that is easily recognized vs. the prior generic <object> tag name.
7 Lecture Lesson 2.3 Drawbacks of Using Audio and Video Tags Not supported by Internet Explorer® 8 and earlier.Lack of common codec support.Video must be produced in at least two or three formats.Currently supports .mp4 (or H.264) .ogg/Theora, WebM video types.iOS only supports H.264.Streaming audio and video is not supported.H.264 files have the .mp4 extensionThe codec for creating these files is propriety and has associated costs.
8 Lecture Lesson 2.3 Using Audio With HTML5, you can add a music player to a web page without requiring a third-party plug-in or add-on.Tags specify the sound or audio content, such as music or effects, to be played in a document.The control attribute adds audio controls, such as play, pause, and volume.It is a good practice to add text content between the <audio> and </audio> tags for browsers that do not support the <audio> element.