    <html xmlns:t ="urn:schemas-microsoft-com:time" >
    <head>
    <style>
    	 .time    { behavior: url(#default#time2);}
    </style>
    <?IMPORT namespace="t" implementation="#default#time2">
    <script>
    function startTimer(){ setInterval(doTimer,100);}
    function doTimer(){ document.all.Timer.innerText =parseInt(document.body.currTimeState.activeTime) }
    </script>
    </head>
    <body timecontainer="seq" onbegin="startTimer()" >
    <font style="color:black; font-size:16"><b>
    Timer:
    <span id="Timer" >0</span>
    </b></font>
    <br><br>
    <DIV align="left" style="position:absolute; top:40; left:300;"><pre>
    Copyright: Copyright 1998-2001 W3C (MIT, INRIA, Keio), All Rights Reserved.
    See http://www.w3.org/Consortium/Legal/.
    Author: Erik Hodge, RealNetworks
    File Name: syncBehavior_independent_on_media.smil
    Media Components: 2 JPGs and 1 WAV
    Expected Behavior: show smile image from 0 seconds to 5 seconds
    then show frown image from 5 seconds to 10 seconds
    play audio from 0 seconds to 10 seconds
    seek the presentation and the audio should ignore the seek
    stop the presentation and the audio should stop
    <t:par>
    <t:audio  src="../sounds/wakeup.wav" begin="0s" dur="10s" syncBehavior="independent" />
    <t:img style="width:100;height:100" src="../images/smile.jpg" begin="0s" dur="5s" region="rgn1" />
    <t:img style="width:100;height:100" src="../images/frown.jpg" begin="5s" dur="5s" region="rgn1" />
    </t:par>
    </pre>
    </DIV>
    <head>
    <layout>
    <region id="rgn1" left="0" top="0" width="320" height="240" />
    </layout>
    </head>
    <t:par>
    <t:audio  src="../sounds/wakeup.wav" begin="0s" dur="10s" syncBehavior="independent" />
    <t:img style="width:100;height:100" src="../images/smile.jpg" begin="0s" dur="5s" region="rgn1" />
    <t:img style="width:100;height:100" src="../images/frown.jpg" begin="5s" dur="5s" region="rgn1" />
    </t:par>
    </body>
    </html>