ITSE 1411 Beginning Web
Media and Interactivity Basics Chapter 11
Discussion
  1. Prior to HTML5, web browsers used plug-in helper applications. Using HTML5 video and audio is native to the browser. The container of the application is designated by the file extension and the codec of the application is the algorithm used to compress the media. The codec is browser specific.

  2. The easiest way to access an audio or video file is to link to the file. However, the user will need an application installed to play the file after download. Since HTML5 is not yet a standard, providing the link is a fall back position.

  3. In addition to including on your page, you can use the object element to optionally display a control panel or player.

  4. Use the param element to configure values of the object element.

  5. Example of using XHTML code to play a QuickTime.mov video named sparky.mov is:
    <object data="sparky.mov" height="150" width = "160" type="video/quicktime"
    classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
    codebase="http://www.apple.com/qtactivex/qtplugin.cab" title="Video of a cute Pekingese dog barking">
      <param name="src" value = "sparky.mov" />
      <param name="controller" value="true" />
      <param name=autoplay" value="false" />
    <p>A video of a cute Pekingese dog barking.</p>
    </object>

  6. Fair use uses a copyrighted work for purposes such as criticism, reporting, teaching, scholarship, or research. Fair use must follow these criteria.
    • Educational use, not commercial use.
    • Work copied should be factual rather than creative.
    • The amount copied must be a small portion of the work.
    • The copy does not impede the marketability of the original work.

  7. Flash multimedia uses an .swf file extension and requires a browser plug-in.

  8. The embed element is an official W3C element starting with HTML5. The embed element is a self-contained, or void, element that provides a way to add content which requires a plug-in or player to a web page.

  9. HTML5 supports the new audio element that supports playing audio files in the browser without plug-ins or players. You need to supply multiple versions of the audio to accommodate different browsers.

  10. YouTube allows video sharing. You can choose to allow the YouTube video to be embedded by others. However be aware that Microsoft products do not support Flash. You can use the iframe element (an inline frame) to display contents of another web page.

  11. The CSS:hover pseudo-class allows the ability to configure styles that are interactive. See the image gallery example on page 298 of the text.

  12. The CSS3 transform property allows you to rotate, scale, skew, or move an element.

  13. The CSS3 transition property provides for changes in property values to display in a smoother manner over a specified time.

  14. The HTML5 canvas element configures dynamic graphics. It provides a way to dynamically draw and transform lines, shapes, images, and text on web pages.