using multimedia tags in HTML with examples
The document discusses HTML5 audio and video capabilities including embedding media using the <audio> and <video> tags without Flash. It provides examples of embedding video and audio files, specifying media sources and formats. It also describes attributes that control media playback and lists events that can be handled with JavaScript.
A much-hyped feature of HTML5 is native multimedia. In this session we’ll look at embedding <audio> and <video> into your pages, and how to make it work cross-browser and degrade gracefully in older browsers. Sound too good to be true? It’s not! We’ll look at the pros and the cons of HTML5 multimedia and see how to write simple controls with JavaScript. Most excitingly, we’ll also look at how HTML5 builds in support for subtitles and captions for multimedia accessibility. And you might pick up a Turkish dancing tip on the way. --- Edited version of my Web Directions London talk on 26 May 2011. Slides that don't make sense out of context are removed.
The document discusses how to embed different types of multimedia content in HTML pages, including audio, video, images and animations. It provides code examples for playing audio and video files in different formats like WAV, MP4, SWF and WMV using elements like <object> and <embed>. YouTube videos can be embedded using <iframe> or <object> tags. Multimedia files have specific file extensions depending on their format, like .gif, .png, .jpg, .swf, .wav and .mp4.
The document discusses technical considerations for a DVD, including: 1) The platform will be computer to allow wider compatibility compared to just DVD players. File formats like .wmv, .mpg, and .mp4 are commonly used due to wide compatibility. 2) Players like Flash, Shockwave, RealPlayer, and Windows Media Player should be supported to reach the largest audience. The video will be aimed at Windows Media Player which is most common. 3) File size should be kept small to reduce DVD costs while maintaining high quality for streaming. YouTube is recommended for hosting due to generally faster load times compared to Vimeo.
This document provides an overview of encoding video for HTML5 playback. It discusses the importance of understanding containers and codecs. The main containers supported by browsers are MP4, WebM, and Ogg. MP4 typically contains H.264 video and AAC audio, WebM contains VP8 or VP9 video with Vorbis or Opus audio, and Ogg contains Theora video with Vorbis or Opus audio. Codecs like H.264, VP8, and Theora are used to compress the video, while codecs like AAC, Vorbis, and Opus compress the audio. The document also discusses tools that can be used to create video files in these various formats for HTML5 playback.
This document discusses why Flash should be replaced with HTML5. It provides several advantages of using HTML5 over Flash, such as HTML5 being a standard technology that is universally accessible without needing plugins. It also describes how HTML5 media playback is simpler than traditional techniques through built-in video and audio tags. The document then explains how to create animations and interactive pages using CSS3 and HTML5 elements and forms instead of Flash.