Scribd
Upload
108 views18 pages

html5 Presentation

This document discusses HTML5 and its major new elements. It provides an overview of HTML5, explaining that it took time for the HTML5 update because there was no way to integrate video naturally into HTML previously. It then outlines some of HTML5's major new elements, including integrated media files, canvas for 2D graphics, embedded font support, and client-side storage. The document also discusses HTML5 media specifications, supported audio and video formats, and properties and examples of the video and audio tags.

Uploaded by

api-313411165
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
108 views18 pages

html5 Presentation

This document discusses HTML5 and its major new elements. It provides an overview of HTML5, explaining that it took time for the HTML5 update because there was no way to integrate video naturally into HTML previously. It then outlines some of HTML5's major new elements, including integrated media files, canvas for 2D graphics, embedded font support, and client-side storage. The document also discusses HTML5 media specifications, supported audio and video formats, and properties and examples of the video and audio tags.

Uploaded by

api-313411165
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 18

HTML5

Group #2
Mir, Farhaat Ali, Senanga, Kevin, Marian,
Ameerah, Jia

HTML5?
Behind the scene coding language that makes it able to view
images online
Why did it take so long for the HTML5 update?
When Video came along, there was no way to integrate it
naturally into HTML
Companies developed their own video players, even though
they were all external plug-ins
GOAL: Create a standard, consistent web experience that
includes interactive elements, across all devices and browsers

Major New Elements

Simplicity and syntax


More defined role for existing elements to improve
organization/readability
No more complicated DOCTYPE definitions
Flexible syntax constraints
type attribute is optional
New elements added such as <time> <dialog>

Major New Elements

Major New Elements


Integrated media files
Native formats for audio and video
Canvas tag allow users to build 2D graphics
interactively for gaming and UI
Embedded font support
More visual enhancements
Client side storage

Major New Elements


Ability to access user geographical location
Language for web applications

HTML5 Media: Overview


HTML5 introduces built-in media support via the <audio>
and <video> elements.
Before HTML5, there was no standard for showing audio
and videos on a web page
The HTML5 <audio> and <video> element
specifies a standard way to embed an audio and a
video in a web page.
Before HTML5, audios and videos could only be played
with a plug-in (like flash)

HTML5 Supported Formats: Audio and Video


Video

Audio

*Not all browsers support these formats

Video Tag Properties

Audio Tag Properties

HTML5 Video: Example

Link to the Example

HTML5 Video: Autoplay Example

Link to the Example

HTML5 Audio: Example

Link to the Example

Enabled Browser Content

Video Support in Current Browsers

Browser Test

Audio Support in Current Browsers

Questions?

You might also like