09_Media/media7.htm


  1  <?xml version="1.0" encoding="windows-1250"?>
  2  <!DOCTYPE html   PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3    "DTD/xhtml1-strict.dtd">
  4  <html xmlns:t="urn:schemas-microsoft-com:time">
  5  <head>
  6    <title>Médiá 7</title>
  7    <meta http-equiv="Author" content="Imrich BURANSKY" />
  8    <meta http-equiv="Content-Type" content="text/html; charset=Windows-1250" />
  9    <?import namespace="t" implementation="#default#time2">
 10    <style>
 11      .platno {
 12        border:1px solid black;  background:silver;  padding:10px;
 13      }
 14      .T { behavior: url(#default#time2); }
 15    </style>
 16    <script type="text/javascript" >
 17      function Tlacidla(Start, Pauza, Pokracuj, Stop)
 18      {
 19        butStart.disabled=(Start==0);
 20        butPauza.disabled=(Pauza==0);
 21        butPokracuj.disabled=(Pokracuj==0);
 22        butStop.disabled=(Stop==0);
 23      }
 24    </script>
 25  </head>
 26  <body >
 27  <h2>Médiá 7</h2>
 28  <p>
 29  <span class="platno">
 30  <t:media id="Medium" timeAction="visibility" src="sample.wmv" begin="indefinite"
 31    onend  ="Tlacidla(1,0,0,0); "
 32  /></span>
 33  
 34  </p>
 35  <div>
 36  <button ID="butStart"
 37     onclick="Medium.beginElement(); Info.beginElement(); Tlacidla(0,1,0,1); " > Štart </button>
 38  
 39  <button ID="butPauza"
 40    onclick="Medium.pauseElement(); Tlacidla(0,0,1,1); ">  Pauza </button>
 41  
 42  <button  ID="butPokracuj"
 43    onclick="Medium.resumeElement(); Tlacidla(0,1,0,1);">  Pokračuj </button>
 44  
 45  <button ID="butStop"
 46    onclick="Medium.endElement(); Tlacidla(1,0,0,0); ">    Stop  </button>
 47  
 48  <script type="text/javascript" >Tlacidla(1,0,0,0);</script>
 49  </div>
 50  <br />
 51  <p>
 52    <t:seq id="Info" begin="indefinite"  >
 53      <div class="T" dur="4" >  Príchod do ZOO  </div>
 54      <div class="T" dur="3" >  Žirafa          </div>
 55      <div class="T" dur="3" >  Hyena           </div>
 56      <div class="T" dur="3">   Medveď          </div>
 57    </t:seq>
 58  </p>
 59  
 60  </body>
 61  </html>