DANM 220: Week 9, Thursday, 3/06/08

SMIL Embedding in HTML

How to combine video, audio, animation, and text in a web presentation
  • Recall NetLogo applet embedding:
    (angle bracket replaced by square)
    [applet code="org.nlogo.window.Applet"
            archive="NetLogoLite.jar"
            width="654" height="481">
      [param name="DefaultModel"
            value="sine-01.nlogo">
    [/applet>
    
  • Proccesing applets have a more elaborate HTML embedding beggining with:
    [object classid="java:sketch_080217a.class" 
            type="application/x-java-applet"
            archive="sketch_080217a.jar"
            width="400" height="300"
            standby="Loading Processing software..." >
    
  • To embed a QT movie is simple:
    [EMBED SRC="mymovie.mov" HEIGHT=300 WIDTH=400>
    
  • To embed a SMIL script for IE:
    [OBJECT
    	CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
    	CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab"
    	WIDTH="320" HEIGHT="256" >
    	[PARAM NAME="src" VALUE="My.smil" />
    [/OBJECT>
    
  • To embed a SMIL script for a browser other than IE:
    [EMBED
    	SRC="Some.mov"
    	QTSRC="My.smil"
    	WIDTH="320" HEIGHT="256"
    	PLUGINSPAGE="www.apple.com/quicktime/download"
    	TYPE="video/quicktime" />
    
    where "Some.mov" is any very small mov file. This also works with IE if the QT plug-in is present.
  • Example
  • These last two may be combined but the EMBED tag will work for most browsers.

    Hints:

    • Use an HTML editor such as Taco HTML Edit
    References: Assignment due 10M, 03/10/08, at 5 pm via email:
    • A simple SMIL script using your own resources, embedded in an HTML page
    Assignment due 11Sun, 03/16/08, at 5 pm via email:
    • A simple SMIL script using your own resources, called by an HTML form
    • This is an absolute deadline for all work for DANM 220 credit

    Revised by Ralph, 05 March 2008