1 / 16

SMIL

SMIL. F.Melkonyan Barcelona,2002. Content. What is SMIL? History General rules SMIL 1.0 elements SMIL 2.0 HTML+TIME Present and future Examples. What is SMIL. S ynchronized M ultimeda I ntegration L anguage Synchronizing video, audio, images, text

quincy-boyd
Download Presentation

SMIL

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. SMIL F.Melkonyan Barcelona,2002

  2. Content • What is SMIL? • History • General rules • SMIL 1.0 elements • SMIL 2.0 • HTML+TIME • Present and future • Examples

  3. What is SMIL • Synchronized Multimeda Integration Language • Synchronizing video, audio, images, text • The area in which it can be used • Slideshows • Advertisement • Education • Product information • User´s guides • Etc..

  4. W3C recomendation • Working Group in Synchronized Multimeda(SYMM)- March 1997 • SMIL 1.0-recomendation in June 1998 • SMIL 2.0 recomendation in August 2001

  5. General Rules The smil document start with <smil> .....here goes other markups.... </smil>

  6. Rules It is required a body section <smil> <head>..</head> <body> ...... </body> </smil>

  7. Rules • Attribute,tags-lower case • Always closing tag <img src=“myimage.gif”/> <audio scr=“piano.ra”/> • The value of an attribute in quotation • <!—this is a comment-->

  8. SMIL 1.0 element • <smil>..</smil>,children <head> and <body> • <head>..</head>,children <layout>and <meta> • <layout>..</layout>, children <root-layout> and <region> • <root-layout>,define weight and height of the window • <region>,control the position of the media elements • <body>..</body>,children <switch> <img> <text> <video> <audio> <a> <par> <seq>

  9. SMIL document <smil> <head> <layout> <root-layout weight=“200” height=“300”/> </layout> </head> <body> ....</body> </smil>

  10. SMIL 2.0 • Extend the functuonallity of SMIL 1.0 • Define a set of reusable modules • Modules grouped into functional areas 1.Animation 2.Content Control 3.Layout 4.Linking 5.Media Object 6.Metainformation 7.Structure 8.Timing and Synchronization 9.Time Manipulation 10.Transition Effects

  11. SMIL 2.0 define a set of language profile that incorporate SMIL 2.0 modules • SMIL 2.0 Basic profile • SMIL 2.0 Language profile • XHTML+SMIL profile

  12. HTML+TIME • Microsoft implementation • Not included in SMIL 2.0 recomendation • HTML+TIME supported in Internet Explorer 5.0 and later

  13. Present and future

  14. HTML+TIME

  15. Examples….. • <seq>and <par> • SMIL elements review made with SMIL <seq> <par> with dur=“5s” <par> dur=“5s” <par> with dur=“5”

  16. References • www.w3c.org/AudioVideo/ the official world wide web consortium web site about SMIL • www.cwi.nl/~media/SMIL/ - SMIL examples and publications • service.real.com/help/library/encoders.html – Real Networks guide on SMIL • www.wdvl.com/Authoring/Languages/XML/SMIL/Intro/ -Web developers web site: Introduction to SMIL

More Related