SMIL: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
Line 77: Line 77:
understand ''how'' they are integrated, i.e. what kinds of HTML/SVG elements can be
understand ''how'' they are integrated, i.e. what kinds of HTML/SVG elements can be
animated in which ways.
animated in which ways.
== Implementations ==
[[User:Daniel K. Schneider|Daniel K. Schneider]] believes that '''all''' browsers should implement XTHML+SMILE and full [[SVG]] (i.e. static SVG / DOM interactivity and animation/[http://www.w3.org/TR/SVG11/animate.html SMILE animation]). It's a '''shame''' that IE doesn't implement SVG and it's sad that Mozilla
doesn't have the resources to integrate SMILE in the near future (May 2007).
=== Native Webbrowser implementations ===
;Microsoft HTML + TIME
{{quotation | HTML+TIME (Timed Interactive Multimedia Extensions), first released in Microsoft Internet Explorer 5, adds timing and media synchronization support to HTML pages. Using a few Extensible Markup Language (XML)-based elements and attributes, you can add images, video, and sounds to an HTML page, and synchronize them with HTML text elements over a specified amount of time. In short, you can use HTML+TIME technology to quickly create multimedia-rich, interactive presentations, easily and with little or no scripting. }} ([http://msdn2.microsoft.com/en-us/library/ms533099.aspx, retrieved 14:58, 4 May 2007 (MEST)])
{{quotation|HTML+TIME 2.0 is based on the HTML+SMIL language profile World Wide Web link in the Synchronized Multimedia Integration Language (SMIL) 2.0 World Wide Web link working draft. SMIL 2.0 is the W3C successor to SMIL 1.0. HTML+TIME 2.0 is the successor to HTML+TIME 1.0.}}([http://msdn2.microsoft.com/en-us/library/ms533099.aspx, retrieved 14:58, 4 May 2007 (MEST)])
Starting IE 5.5. the Microsoft ''HTML+TIME'' implementation is quite conformant to the W3C XHTML+SMILE profile.
[[User:Daniel K. Schneider|Daniel K. Schneider]] wonders why they have to stick to this name ...
; Firefox
SMILE is not implemented (in any form), maybe by the end of 2008 (together with SVG/SMILE).
; Opera
Yes
=== Media players ===
[[Media players]] is a term typically used to describe computer software for playing back multimedia files. Most software media players support an array of media formats, including both audio and video files.
* [http://en.wikipedia.org/wiki/QuickTime_Player Quicktime] (Apple) (free)
* [http://en.wikipedia.org/wiki/Helix_%28project%29 Helix Player] (free)
* [http://en.wikipedia.org/wiki/RealPlayer RealPlayer] (basic version is free)
** Also works on mobile devices (like modern cell phones, good MP3 players, etc.)
* [http://www.cwi.nl/projects/Ambulant/distPlayer.html Ambulant] (Open source)
* [http://en.wikipedia.org/wiki/Windows_Media_Player Windows Media Player] (only for playlists)
=== Authoring ===
* Any text editor, preferably an XML editor
*


== Links ==
== Links ==


=== Tutorials ===
=== Tutorials and Overviews ===


* [http://en.wikipedia.org/wiki/Synchronized_Multimedia_Integration_Language Synchronized Multimedia Integration Language] Wikipedia
* [http://alistapart.com/articles/smil SMIL When You Play That], by Jeffrey Zeldman, A List Apart, March 2001.
* [http://www.w3schools.com/smil/default.asp SMIL Tutorial] at W3C Schools
* [http://www.w3schools.com/smil/default.asp SMIL Tutorial] at W3C Schools
* [http://streamingmediaworld.com/smil/tutor/ SMIL Tutorials/Articles] at streamingmediaworld.com.
* [http://streamingmediaworld.com/smil/tutor/ SMIL Tutorials/Articles] at streamingmediaworld.com, retrieved 14:58, 4 May 2007 (MEST)
* [http://www.multimedia4everyone.com/ SMIL Tutorials] at multimedia4everyone.com
* [http://www.multimedia4everyone.com/ SMIL Tutorials] at multimedia4everyone.com, retrieved 14:58, 4 May 2007 (MEST)
* [http://www.skillsforaccess.org.uk/howto.php?id=129 Provide text equivalents for audio - with Synchronised Multimedia Integration Language (SMIL)]. Sills for Access, retrieved 14:58, 4 May 2007 (MEST).
 
; HTML + TIME
 
* [http://msdn2.microsoft.com/en-us/library/ms533113.aspx Microsoft HTML+TIME] Overviews and Tutorials.
* [http://www.laemma.com/ Audio-visual samples HTML+TIME presentation] Only works with IE
* [http://www.ludicrum.org/demos/ SMIL Demos] IE only.
 
; HTML + SMILE
 


=== Specifications ===
=== Specifications ===
; Main


* [http://www.w3.org/TR/REC-smil/  Synchronized Multimedia Integration Language (SMIL) 1.0 Specification] - W3C Recommendation 15-June-1998  
* [http://www.w3.org/TR/REC-smil/  Synchronized Multimedia Integration Language (SMIL) 1.0 Specification] - W3C Recommendation 15-June-1998  
Line 95: Line 150:


* [http://www.w3.org/TR/XHTMLplusSMIL/ XHTML+SMIL Profile] W3C Note 31 January 2002. This profile describes the SMIL modules that are added to XHTML, and details the integration issues, including the application of integrated SMIL modules to CSS styles
* [http://www.w3.org/TR/XHTMLplusSMIL/ XHTML+SMIL Profile] W3C Note 31 January 2002. This profile describes the SMIL modules that are added to XHTML, and details the integration issues, including the application of integrated SMIL modules to CSS styles
; Related
* Multimedia Messaging Service (MMS)





Revision as of 14:58, 4 May 2007

Draft

“The Synchronized Multimedia Integration Language (SMIL, pronounced "smile") enables simple authoring of interactive audiovisual presentations. SMIL is typically used for "rich media"/multimedia presentations which integrate streaming audio and video with images, text or any other media type. SMIL is an easy-to-learn HTML-like language, and many SMIL presentations are written using a simple text-editor.” (Synchronized Multimedia (W3C) retrieved 18:11, 20 March 2007 (MET)).


Versions and features

SMIL 1

SMIL 1 allows integrating a set of independent multimedia objects into a synchronized multimedia presentation. Using SMIL, an author can

  1. describe the temporal behavior of the presentation
  2. describe the layout of the presentation on a screen
  3. associate hyperlinks with media objects
  • These together can be used to produce "true" multimedia animation

SMIL 2

Features of SMIL 2:

  1. Timing:
    • AccessKeyTiming
    • BasicInlineTiming
    • BasicTimeContainers
    • EventTiming
    • ExclTimeContainers
    • FillDefault
    • MediaMarkerTiming
    • MinMaxTiming
    • MultiArcTiming
    • RepeatTiming
    • RepeatValueTiming
    • RestartDefault
    • RestartTiming
    • SyncbaseTiming
    • SyncBehavior
    • SyncBehaviorDefault
    • SyncMaster
    • TimeContainerAttributes
    • WallclockTiming
  2. Time Manipulations
  3. Animation
    • BasicAnimation
    • SplineAnimation
  4. Content Control
    • BasicContentControl
    • CustomTestAttributes
    • PrefetchControl
    • SkipContentControl
  5. Layout
    • AudioLayout
    • BasicLayout
    • HierarchicalLayout
    • MultiWindowLayout
  6. Linking
    • BasicLinking
    • LinkingAttributes
    • ObjectLinking
  7. Media Objects
    • BasicMedia
    • BrushMedia
    • MediaAccessibility
    • MediaClipping
    • MediaClipMarkers
    • MediaDescription
    • MediaParam
  8. Metainformation
  9. Structure
  10. Transitions
    • BasicTransitions
    • InlineTransitions
    • TransitionModifiers

SMIL profiles in other W3C languages

SMIL syntax and semantics can be used in other XML-based languages, in particular those who need to represent timing and synchronization. For example, SMIL 2.1 components are used for integrating timing into XHTML and into SVG. Not all of these SMIL 2 modules be integrated into the XHTML+SMIL profile or SVG and id addition how have to understand how they are integrated, i.e. what kinds of HTML/SVG elements can be animated in which ways.

Implementations

Daniel K. Schneider believes that all browsers should implement XTHML+SMILE and full SVG (i.e. static SVG / DOM interactivity and animation/SMILE animation). It's a shame that IE doesn't implement SVG and it's sad that Mozilla doesn't have the resources to integrate SMILE in the near future (May 2007).

Native Webbrowser implementations

Microsoft HTML + TIME

“HTML+TIME (Timed Interactive Multimedia Extensions), first released in Microsoft Internet Explorer 5, adds timing and media synchronization support to HTML pages. Using a few Extensible Markup Language (XML)-based elements and attributes, you can add images, video, and sounds to an HTML page, and synchronize them with HTML text elements over a specified amount of time. In short, you can use HTML+TIME technology to quickly create multimedia-rich, interactive presentations, easily and with little or no scripting.” (retrieved 14:58, 4 May 2007 (MEST))

“HTML+TIME 2.0 is based on the HTML+SMIL language profile World Wide Web link in the Synchronized Multimedia Integration Language (SMIL) 2.0 World Wide Web link working draft. SMIL 2.0 is the W3C successor to SMIL 1.0. HTML+TIME 2.0 is the successor to HTML+TIME 1.0.”(retrieved 14:58, 4 May 2007 (MEST))

Starting IE 5.5. the Microsoft HTML+TIME implementation is quite conformant to the W3C XHTML+SMILE profile. Daniel K. Schneider wonders why they have to stick to this name ...

Firefox

SMILE is not implemented (in any form), maybe by the end of 2008 (together with SVG/SMILE).

Opera

Yes

Media players

Media players is a term typically used to describe computer software for playing back multimedia files. Most software media players support an array of media formats, including both audio and video files.

Authoring

  • Any text editor, preferably an XML editor


Links

Tutorials and Overviews

HTML + TIME
HTML + SMILE


Specifications

Main
  • XHTML+SMIL Profile W3C Note 31 January 2002. This profile describes the SMIL modules that are added to XHTML, and details the integration issues, including the application of integrated SMIL modules to CSS styles
Related
  • Multimedia Messaging Service (MMS)