Videotiedoston linkittäminen WWW-sivulle

Kuvaus

Opit linkittämään videotiedoston Internet -sivulle oikeaoppisesti metatiedostoa käyttäen.

Mikä ihmeen metatiedosto?

Metatiedosto on rakenteeltaan yksinkertainen tekstitiedosto, joka toimii eräänlaisena videotoiston "käynnistäjänä". Metatiedoston voi laatia vaikkapa Muistio (Notepad) -sovelluksella, kunhan muistaa valita tallennustyypiksi "Kaikki tiedostot" (All files).

Metatiedoston sisältö on tyypillisesti seuraanvanlainen:

protokolla://palvelimennimi:porttitarvittaessa/hakemisto/videotiedostonnimi

Esimerkissämme protokollana toimii http, koska videotiedosto on tallennettu normaalille WWW -palvelimelle. Eli käytännössä vaikkapa näin:

http://ao.hamk.fi/~eosaaja/media/muistin_asennus-256.wmv

Metatiedostoa kannattaa käyttää, koska se mahdollistaa video/äänimateriaalin streamaamisen normaalia WWW -palvelinta käyttäen. Streaming tarkoittaa sitä, ettei katselijan (tai kuuntelijan) tarvitse ladata koko tiedostoa loppuun asti ennen toiston aloittamista. Tästä on suurta hyötyä silloin, kun yhteysnopeus on hitaahko (~256 kbit/s) tai materiaali on kestoltaan pitkä (eli myös tiedostokooltaan suuri).

Metatiedoston voi sijoittaa palvelimella samaan hakemistoon kuin html -dokumentitkin. Jos metatiedostoja on paljon, kannattaa niitä varten luoda oma hakemisto. Mediatiedostoja varten kannattaa aina luoda oma hakemisto.

Katso ohjeistava video (Flash) napsauttamalla klaffia.

Toisto-ohjelman upottaminen

Yllättävän suosittu tapa käyttää videota WWW -sivuilla on toisto-ohjelman upottaminen sivuun. Yllättävää siksi, että upotettujen toistinten toimivuus eri selaimilla on epävarmaa. Metatiedosto toimii aina, jos vain sopiva toisto-ohjelma on asennettuna tietokoneeseen!

Alla esimerkki upotetusta toistimesta ja tarvittavasta koodista:

 

<object id="MediaPlayer" width="320" height="286"
classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
standby="Ladataan Windows Media -komponentteja..."
type="application/x-oleobject">

<param name="FileName" value="http://ao.hamk.fi/~eosaaja/media/muistin_asennus-256.wmv"
<param name="AutoStart" value="False">
<!-- Seuraava Mozilllaa/Operaa/Firefoxia varten -->
<embed type="application/x-mplayer2" src="http://ao.hamk.fi/~eosaaja/media/muistin_asennus-256.wmv"
name="WMP"
width="320"
height="286"
autostart="0">
</embed>

</object>

Harjoitus

Tee omalle Internet -sivullesi videotiedoston linkitys sekä metatiedoston, että upotetun toistimen avulla. Kokeile ratkaisuja eri selaimilla, miten on toimivuuden laita?

Sivun alkuun

eOsaajan taidot sivuille