Video- ja äänitiedostojen upotus Quicktime-objekteina

Sisällysluettelo

1. Johdanto
2. Logiikka
3. Videotiedoston koodi
4. Audiotiedoston koodi
5. Odotettu lopputulos?

Johdanto

Tällä sivulla käsitellään ääni- ja videotiedostojen upottamista Web-sivuille Quicktime-objekteina. Aihe vaatii erillistä käsittelyä koska eräät suositut selaimet (kirjoitusajankohtana IE-versiot 7 ja sitä pienemmät) eivät kykene suoriutumaan normaalista OBJECT-elementin koodista. Pyrkimyksenä on mahdollisimman yksinkertainen mutta kattava toteutus.

Logiikka

Menetelmämme noudattaa seuraavaa logiikkaa:

1. Tarjotaan objektia Active-X-komponenttina. Käytännössä Windows alustalla Internet Explorer -selaimille.
2. Piilotetaan varmistuskoodi Internet Explorer -selaimilta ehdollisilla kommenteilla. Tämä on tarpeellista, koska Internet Explorer -selaimet eivät osaa käsitellä sisäkkäisiä objekteja.
3. Tarjotaan varmistusobjekti suosituksia noudattaville selaimille. Käytännössä kaikille moderniin arkkitehtuuriin perustuville selaimille.
4. Tarjotaan lopullisena varmistuksena linkki objektiin. Käytännössä kaikille oikein toimiville selaimille, jotka eivät ole tarttuneet mihinkään edellä mainittuun.

Videotiedoston koodi

<object
 classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
 codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0"
 width="200"
 height="200">
  <param name="src" value="test.mov" />
  <param name="autoplay" value="false" />

    <!--[if !IE]> <-->

<object
 data="test.mov"
 width="200"
 height="200"
 type="video/quicktime">
  <param name="autoplay" value="false" />

Lataa <a href="test.mov">
<span lang="en" xml:lang="en">Quicktime</span>-video</a>!

</object>

 <!--> <![endif]-->

</object>

Testaa koodin tulos Quicktime-video-objektin testisivulla.

Audiotiedoston koodi

<object
 classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
 codebase="http://www.apple.com/qtactivex/qtplugin.cab"
 width="200"
 height="16">
 <param name="controller" value="true" />
 <param name="src" value="sam.mid" />
 <param name="autoplay" value="false" />
 <param name="pluginspage"
  value="http://www.apple.com/quicktime/download/" />
 
<!--[if !IE]> <-->

<object
 data="sam.mid"
 width="200"
 height="16"
 type="video/quicktime">
 <param name="controller" value="true" /> 
 <param name="autoplay" value="false" />
 <param name="pluginurl"
  value="http://www.apple.com/quicktime/download/" />
  	<a href="sam.mid">Lataa ääninäyte!</a>
</object>

<!--> <![endif]-->

</object>

Testaa koodin tulos Quicktime-audio-objektin testisivulla.

Odotettu lopputulos?

Toteutusta voidaan pitää onnistuneena mikäli asiakas saa:

• jonkunlaisen objektia koskevan kehotuksen tai varoituksen (selain on tunnistanut objektin mutta ei esitä sitä ilman käyttäjän toimenpiteitä), tai
• näkyviin Quicktime-objektin (selain on tunnistanut objektin ja esittää sen suoraan), tai
• näkyviin lopullisen varmistussisällön (tässä linkkinä objektiin)