Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Adding Media Objects


Published on

Bringing content to SMIL presentations

Published in: Technology, Art & Photos
  • Be the first to comment

  • Be the first to like this

Adding Media Objects

  1. 1. 8 Adding Media Objects Bringing content to SMIL presentations
  2. 2. 8.1 SMIL and Media Content <ul><li>A SMIL presentation does not itself contain media </li></ul><ul><ul><li>Provides synchronisation of presentation to the user </li></ul></ul><ul><li>Media content refers to all the content that is seen or heard during a SMIL presentation: </li></ul><ul><ul><li>Images, video, animations, text, audio </li></ul></ul><ul><ul><li>Each can be of many formats, depending on the capabilities of the SMIL client </li></ul></ul><ul><ul><ul><li>Images might be in GIF, JPEG, PNG or SVG formats </li></ul></ul></ul><ul><li>Covered in the standard under: SMIL 2.0 Media Object Modules </li></ul><ul><li>Similar to the Media Object Elements part of the SMIL 1.0 specification </li></ul><ul><li>Module is implemented in both SMIL 1.0, 2.0 and XHTML+TIME clients </li></ul><ul><li>Defines how content can be brought into a SMIL presentation </li></ul><ul><li>Media are incorporated by making reference to them using elements </li></ul>
  3. 3. 8.2 Referencing Media Elements <ul><li>Each piece of content requires a clip source element </li></ul><ul><li>Elements are for the most part unary </li></ul><ul><ul><li>Become binary under some circumstances </li></ul></ul><ul><li>Give clip source elements a unique id </li></ul><ul><ul><li>Not mandatory but needed for timing and synchronisation </li></ul></ul><ul><li>src attribute defines the clip location using URI </li></ul><ul><li>Location of clips can use a variety of protocols </li></ul><ul><ul><li>rtsp:// mms:// http:// file:// audio/hifi/… </li></ul></ul><ul><li>Media elements with different URIs can be mixed in a presentation </li></ul><ul><li>Organise media content in folders </li></ul><ul><li>Develop using local file based URIs </li></ul><ul><li>Examples </li></ul><ul><ul><li>RealONE </li></ul></ul><ul><ul><li>Internet Explorer v6 </li></ul></ul><video id=“ vid_id ” src=“rtsp:// server/path_to_video_file ” …/> <audio id=“ aud_id ” src=“http:// server/path_to_file ” … /> <img id=“ img_id ” src=“file://d: path_to_image_file ” … />
  4. 4. 8.3 SMIL Content Element Tags QuickTIME IE v6: Defines a generic media clip <t:media/> Use <ref/> Defines a video element. <t:video/> <video/> Real: Defines streaming text (.rt) files Use XHTML and CSS <textstream/> Defines a lightweight media object Use XHTML and CSS <brush/> Real: Defines simple static text (.txt) files Use XHTML and CSS <text/> Generic clip type. Can be used in place of other elements <t:ref/> <ref/> Defines and image element such as a .GIF, .JPEG or .PNG file <t:img/> <img/> Defines an audio element. IE: Can also use <t:media/> <t:audio/> <audio/> Real: Animation clips such as Flash files. IE: Delineate animated GIFs <t:animation/> <animation/> Description IEv6 RealONE
  5. 5. 8.4 Adding Text to Presentations <ul><li>Method differs according to the SMIL client </li></ul><ul><li>Text handling is not part of the standard </li></ul><ul><ul><li>Timed Text Initiative is addressing representation of textual content </li></ul></ul><ul><li>RealONE player </li></ul><ul><ul><li>Use proprietary RealText ( .rt ) files </li></ul></ul><ul><ul><li>Similar format to HTML </li></ul></ul><ul><ul><li>Rudimentary and “fiddly” to use </li></ul></ul><ul><li>IE6 </li></ul><ul><ul><li>Uses HTML and Cascading Style Sheets </li></ul></ul><ul><li>QuickTime </li></ul><ul><ul><li>Use Text tracks </li></ul></ul><ul><ul><li>Reference documentation </li></ul></ul><ul><li>Examples </li></ul><ul><ul><li>Using RealText </li></ul></ul>
  6. 6. 8.5 Using Content Element Attributes <ul><li>Elements use attributes introduced in Timing and Synchronisation section </li></ul><ul><li>Using metafiles with media src attribute </li></ul><ul><ul><li>Used for streamed audio and media </li></ul></ul><ul><ul><li>Format depends upon streaming server implementation </li></ul></ul><ul><ul><li>Examples: RealONE QuickTime </li></ul></ul><ul><li>Defining BASE URLs for clip src attribute </li></ul><ul><ul><li>Examples: RealONE </li></ul></ul><ul><li>Caching media content </li></ul><ul><ul><li>Dependent upon client caching </li></ul></ul><ul><ul><li>RealONE has a media cache </li></ul></ul><ul><ul><ul><li>Default size and location </li></ul></ul></ul><ul><ul><ul><li>Content needs to be cachable </li></ul></ul></ul><ul><ul><li>Internet Explorer v6 uses the browsers cache </li></ul></ul><ul><ul><li>Streamed media is not cached in the client </li></ul></ul><ul><ul><li>Files on the local file system are not cached </li></ul></ul>
  7. 7. 8.6 Using the <brush/> element <ul><li>Explained in the SMIL Brush Media Module </li></ul><ul><ul><ul><li>“ The brush element is a lightweight media object element which allows an author to paint a solid color or other pattern in place of a media object “ </li></ul></ul></ul><ul><li>Implemented in RealONE player </li></ul><ul><li>Regions can be filled with colour </li></ul><ul><li>Apply the whole range of attributes available to other media objects </li></ul><ul><ul><li>Timing, transitions and animation </li></ul></ul><ul><li>Example </li></ul><ul><ul><li>RealONE [ 1 ] [ 2 ] </li></ul></ul><par> <brush id=“blu1” region=“ name_of_region ” color=“ colour_defnition ” begin=“” …/> </par>
  8. 8. 8.7 Review <ul><li>SMIL defines a set of elements for including content in presentations </li></ul><ul><li>Each item of content has to have an element </li></ul><ul><li>Organise content types using a file system hierarchy </li></ul><ul><ul><li>/images /video /audio etc. </li></ul></ul><ul><li>Use the appropriate element for the media type </li></ul><ul><ul><li>For example: <img/> and <t:image/> </li></ul></ul><ul><ul><li>Helps reading of the SMIL/XHTML+TIME file </li></ul></ul><ul><li>This rule can be broken! </li></ul><ul><ul><li>Using the <ref/> element [ RealONE ] </li></ul></ul><ul><ul><li>Using the <t:ref/> element [ IE v6 ] </li></ul></ul><ul><li>Elements can refer to metafiles for streaming content </li></ul><ul><li>Clients will cache some types of content </li></ul><ul><li>Timing and synchronisation of content from previous section </li></ul>