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?