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

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

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>