SMIL: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
 
 
(17 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{Stub}}
{{Stub}}


{{quotation | 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.}} ([http://www.w3.org/AudioVideo/ Synchronized Multimedia] (W3C) retrieved 18:05, 20 March 2007 (MET)).
{{quotation | 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.}} ([http://www.w3.org/AudioVideo/ Synchronized Multimedia] (W3C) retrieved 18:11, 20 March 2007 (MET)).


== Features ==
 
== Versions and features ==
 
SMIL is an extensible standard. That means that providers can expand SMIL with their own [[XML namespace]]d extensions. E.g. QuickTime does so.
 
=== SMIL 1 ===


SMIL 1 allows integrating a set of independent multimedia objects into a synchronized multimedia presentation. Using SMIL, an author can
SMIL 1 allows integrating a set of independent multimedia objects into a synchronized multimedia presentation. Using SMIL, an author can
Line 13: Line 18:
* These together can be used to produce "true" multimedia animation
* These together can be used to produce "true" multimedia animation


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]].
=== SMIL 2 ===


Features of SMIL 2:
Features of SMIL 2:
Line 68: Line 73:
#* InlineTransitions
#* InlineTransitions
#* TransitionModifiers
#* TransitionModifiers
=== SMIL 3 ===
Ssince dec. 2008, SMIL 3.0 is a W3C recommendation. {{quotation|It is built on top of SMIL 2.1. A large number of SMIL 2.1 Modules [SMIL21-modules] remain the same in SMIL 3.0. SMIL 3.0 introduces new SMIL 3.0 Modules with extended functionalities.}} ([http://www.w3.org/TR/SMIL3/smil-introduction.html#introNS-Relationsmil20 Relation to SMIL 2.1], retrieved 18:16, 4 September 2009 (UTC)).
=== 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 are integrated into the XHTML+SMIL profile or the [[SVG]] standard. In addition, one has to
understand ''how'' they are integrated, i.e. what kinds of HTML/SVG elements can be
animated in which ways.
== Implementations ==
[[User:Daniel K. Schneider|Daniel K. Schneider]] believes that '''all''' browsers should have implemented XTHML+SMIL and full [[SVG]] (i.e. static SVG / DOM interactivity and animation/[http://www.w3.org/TR/SVG11/animate.html SMILE animation])  '''years ago''' but it didn't happen that fast.
SVG, finally, is now part of [[HTML5]] and as of April 2012, and SVG-SMIL tags work in most browsers (except IE9). HTML5 does not implement HTML+SMIL.
=== Native Web browser implementations ===
(this section needs updating - [[User:Daniel K. Schneider|Daniel K. Schneider]] 13:00, 27 March 2012 (CEST))
;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 15:09, 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 15:09, 4 May 2007 (MEST)])
Starting IE 5.5. the Microsoft ''HTML+TIME'' implementation is quite conformant to the W3C XHTML+SMILE profile, but as far as we understand a bit different. In addition,
[[User:Daniel K. Schneider|Daniel K. Schneider]] wonders why they have to stick to this name, instead of calling it HTML+SMILE.
; Firefox, Safari, Chrome and Opera
As of Winter 2012, SMIL is now implemented within SVG and HTML5/SVG (since SVG is now part of HTML). XHTML+SMIL is not.
=== Media players ===
[[Media player]] 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)
** See [http://www.apple.com/quicktime/technologies/interactivity/smil.html QuickTime Interactivity], retrieved 15:09, 4 May 2007 (MEST).
* [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
* [http://limsee2.gforge.inria.fr/ LimeSee2] free SMIL 2.0 editor
* [http://www.oratrix.com/Products/G2R Gr''i''NS], commercial editor (not tested)


== Links ==
== Links ==
* [http://homepages.cwi.nl/~media/SMIL/ The CWI SMIL Page]
* [http://www.w3.org/AudioVideo/ Synchronized Multimedia] page at W3C. This page includes links to tutorials, specs and tools.
=== 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://streamingmediaworld.com/smil/tutor/ SMIL Tutorials/Articles] at streamingmediaworld.com, retrieved 15:09, 4 May 2007 (MEST)
* [http://www.multimedia4everyone.com/ SMIL Tutorials] at multimedia4everyone.com, retrieved 15:09, 4 May 2007 (MEST)
* [http://www.skillsforaccess.org.uk/howto.php?id=129 Provide text equivalents for audio - with Synchronised Multimedia Integration Language (SMIL)]. Skills for Access, retrieved 15:09, 4 May 2007 (MEST).
* [http://developer.apple.com/documentation/QuickTime/IQ_InteractiveMovies/quicktimeandsmil/chapter_10_section_4.html Using SMIL in QuickTime]
; HTML + TIME
* [http://msdn2.microsoft.com/en-us/library/ms533113.aspx Microsoft HTML+TIME] Overviews and Tutorials.
; HTML + SMIL
=== Examples ===
; Mixed
* [http://www.oratrix.com/Demos Oratrix demos] (makers of the GRiNS authoring tool)
* [http://www.w3.org/AudioVideo/#SMIL W3C Synchronized Multimedia page] (includes also players, editors, etc.
; HTML + TIME
* [http://www.laemma.com/ Audio-visual samples HTML+TIME presentation] Only works with IE (maybe not suitable for small children).
* [http://www.ludicrum.org/demos/ SMIL Demos] IE only.
; HTML + SMIL
* E.g. these should work with Realplayer or Ambulant
* [http://limsee2.gforge.inria.fr/LimSee2_DemoContent/ Demos for the LimSee2 authoring tool]
; HTML + SMIL + Quicktime


=== Specifications ===
=== Specifications ===


* http://www.w3.org/TR/SMIL/ (latest)
; 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/SMIL2/ (Synchronized Multimedia Integration Language (SMIL 2.1)] - W3C Recommendation 13 December 2005
 
* [http://www.w3.org/TR/SMIL3/ Synchronized Multimedia Integration Language (SMIL 3.0)] - W3C Recommendation 01 December 2008
 
* [http://www.w3.org/TR/SMIL/ SMIL latest specification] On May 2007, this was still 2.1
 
* [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/2005/REC-SMIL2-20050107/ Synchronized Multimedia Integration Language (SMIL 2.0) - [Second Edition] W3C Recommendation 07 January 2005.
; Related
* Multimedia Messaging Service (MMS)


* http://www.w3.org/TR/SMIL2/ (Synchronized Multimedia Integration Language (SMIL 2.1) - W3C Recommendation 13 December 2005


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


[[Category: Technologies]]
[[Category: Multimedia]]
[[Category: Multimedia]]
[[Category: XML]]
[[Category: XML]]
[[Category:web standards]]

Latest revision as of 23:43, 22 April 2012

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 is an extensible standard. That means that providers can expand SMIL with their own XML namespaced extensions. E.g. QuickTime does so.

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 3

Ssince dec. 2008, SMIL 3.0 is a W3C recommendation. “It is built on top of SMIL 2.1. A large number of SMIL 2.1 Modules [SMIL21-modules] remain the same in SMIL 3.0. SMIL 3.0 introduces new SMIL 3.0 Modules with extended functionalities.” (Relation to SMIL 2.1, retrieved 18:16, 4 September 2009 (UTC)).

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 are integrated into the XHTML+SMIL profile or the SVG standard. In addition, one has 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 have implemented XTHML+SMIL and full SVG (i.e. static SVG / DOM interactivity and animation/SMILE animation) years ago but it didn't happen that fast.

SVG, finally, is now part of HTML5 and as of April 2012, and SVG-SMIL tags work in most browsers (except IE9). HTML5 does not implement HTML+SMIL.

Native Web browser implementations

(this section needs updating - Daniel K. Schneider 13:00, 27 March 2012 (CEST))

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 15:09, 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 15:09, 4 May 2007 (MEST))

Starting IE 5.5. the Microsoft HTML+TIME implementation is quite conformant to the W3C XHTML+SMILE profile, but as far as we understand a bit different. In addition, Daniel K. Schneider wonders why they have to stick to this name, instead of calling it HTML+SMILE.

Firefox, Safari, Chrome and Opera

As of Winter 2012, SMIL is now implemented within SVG and HTML5/SVG (since SVG is now part of HTML). XHTML+SMIL is not.

Media players

Media player 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
  • LimeSee2 free SMIL 2.0 editor
  • GriNS, commercial editor (not tested)

Links

Tutorials and Overviews

HTML + TIME
HTML + SMIL

Examples

Mixed
HTML + TIME
HTML + SMIL
HTML + SMIL + Quicktime


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)