Multimedia & HTML5

Web Architecture and Information Management [./]
Summer 2011 — INFO 153 (CCN 42509)

Erik Wilde, Dilan Mahendran, and Brad Andrews, UC Berkeley School of Information
2011-07-25

Creative Commons License [http://creativecommons.org/licenses/by/3.0/]

This work is licensed under a CC
Attribution 3.0 Unported License
[http://creativecommons.org/licenses/by/3.0/]

Contents Erik Wilde, Dilan Mahendran, and Brad Andrews: Multimedia & HTML5

Contents

Erik Wilde, Dilan Mahendran, and Brad Andrews: Multimedia & HTML5

(2) Abstract

Multimedia is a broad term for pictures, audio and video. Pictures include both images and graphics. Until HTML5, images were the only multimedia content on the Web widely supported by standardized formats. With the arrival of HTML5, audio and video are now supported directly by Web browsers, and there is wider support for graphics as well.



Erik Wilde, Dilan Mahendran, and Brad Andrews: Multimedia & HTML5

(3) Images vs. Graphics

Vector vs. Bitmap

Images on the Web

Outline (Images on the Web)

  1. Images on the Web [2]
  2. Graphics on the Web [4]
  3. Video and Audio on the Web [8]

(5) JPEG, GIF and PNG



(6) JPEG 2000



Graphics on the Web

Outline (Graphics on the Web)

  1. Images on the Web [2]
  2. Graphics on the Web [4]
  3. Video and Audio on the Web [8]

(8) Scalable Vector Graphics (SVG)

Raster image

(9) SVG Demos



(10) Canvas



(11) SVG vs. Canvas



Video and Audio on the Web

Outline (Video and Audio on the Web)

  1. Images on the Web [2]
  2. Graphics on the Web [4]
  3. Video and Audio on the Web [8]

(13) Codecs and Containers



(14) Codecs and Containers

http://www.w3.org/2008/01/video-container.png


(15) Download vs. Streaming



(16) Audio on the Web



(17) Video on the Web



(18) Audio & Video in HTML5



(19) HTML5 Video Demos



(20) Other HTML5 features



Erik Wilde, Dilan Mahendran, and Brad Andrews: Multimedia & HTML5

(21) Conclusions



Erik Wilde, Dilan Mahendran, and Brad Andrews: Multimedia & HTML5

(22) Administrative Details



2011-07-25 Web Architecture and Information Management [./]
Summer 2011 — INFO 153 (CCN 42509)