12. ÓRA Multimédia a webhelyen A lecke tartalma: • Hivatkozás multimédiafájlokra • Multimédiafájlok beágyazása • További tippek a multimédia használatához A multimédia szó magában foglal mindent, amit egy weboldalon láthatunk vagy hallhatunk: hangot, mozgóképet, animációt csakúgy, mint az állóképeket és a szöveget. Az állóképek és a szöveg használatával az elõzõ órák során már megismerkedtünk, így a mai órán arról tanulunk, hogy miként illeszthetõk be egy webhelyre a multimédiás tartalom további típusai. Semmilyen hang, mozgókép vagy animáció létrehozását nem fogjuk tárgyalni – arról lesz szó, hogy miként válhatnak az ilyen fájlok a webhelyünk részévé, legyen szó akár hivatkozásról, akár beágyazásról. Mielõtt még elgondolkodnánk arról, hogy multimédiás tartalommal gazdagítjuk a webhelyünket, érdemes az eszünkbe idézni, hogy nem minden felhasználónak vannak ilyen tartalom lejátszásához szükséges eszközei, és az ekkora méretû fájlok gyors letöltéséhez szükséges szélessávú internetkapcsolattal sem rendelkezik mindegyikük.
200 Tanuljuk meg a HTML és a CSS használatát 24 óra alatt
Ha egy hivatkozás multimédiafájlra mutat, mindig figyelmeztessük a látogatókat. Ajánljuk fel nekik a tartalom meghallgatását, illetve megtekintését, de dönthessenek õk arról, hogy meg kívánják-e nyitni az ilyen fájlokat.
Önálló feladat Hozzunk létre vagy keressünk az Interneten a weboldalunkon használható multimédiafájlokat! Mielõtt megismernénk a multimédia-tartalmak weboldalon való elhelyezésének módját, nem árt, ha kiindulásként rendelkezünk valamilyen használható multimédia-tartalommal. Multimédia-tartalmat létrehozni – legyen szó a multimédia bármely típusáról – könnyen nagy kihívást jelentõ és bonyolult feladatnak bizonyulhat. Ha a tartalmat az alapoktól kívánjuk megalkotni, ennél a könyvnél lényegesen többre lesz szükségünk -nem lesz az ember egyik pillanatról a másikra multimédia-guru. Ha azonban a tartalom maga már készen áll, a mai órán megtanulhatjuk, hogy miként helyezzük el legújabb mûvünket a weboldalunkon. Azok, akiknek egy mûvészi alkotás elkészítése nem napi gyakorlat, próbálkozhatnak más módszerekkel is szert tenni használható multimédiás tartalomra. A nyilvánvaló módszeren kívül – rendeljük meg a munkát egy mûvésztõl – íme néhány lehetõség: • Az Interneten található tartalom nagy része ingyenes. Természetesen nem rossz gondolat, ha elõzõleg azért egyeztetünk a szerzõvel, illetõleg a tartalom jelenlegi tulajdonosával, fõleg ha nem szeretnénk szerzõi jogi pert a nyakunkba. Ezen felül megemlítenénk, hogy az Amerikai Egyesült Államokban sok az olyan kormányhivatal, amelyekre igaz, hogy az általuk létrehozott tartalom az amerikai állampolgárok közös tulajdona (akik ingyenesen használhatnak például minden, a NASA által az Interneten közzétett anyagot.) • Sok az olyan internetes keresõ – például a google.com, a yahoo.com, a lycos.com és mások –, amely rendelkezik multimédiafájlok keresését szolgáló képességekkel is. Amennyiben tiszteletben tartjuk a szerzõi jogokat, ezzel a módszerrel könnyen lelhetünk egy adott témához kapcsolódó multimédiás tartalomra. Egy gyors, Flash-animációt, QuickTime-filmrészletet vagy valamilyen hangfájlt célzó keresés több eredménnyel szolgál, mint amennyivel elboldogul az ember. • Ha ki szeretnénk élni a kreativitásunkat, válasszuk ki a kedvenc médiumunkat – van, akinek ez a videózás, másoknak a hangfelvétel-készítés lesz, megint mások inkább egy animáció készítésével pepecselnek szívesen. Ha meghoztuk a döntést, keressük meg a mestermû elkészítéséhez alkalmas alkalmazást. Sok cég foglalkozik multimédia-tartalom készítésére használatos programokkal, ilyen például az Adobe (http://www.adobe.com/) és az Apple (http://www.apple.com/), hogy csak kettõt említsünk.
Amikor a látogató a "View the hockey video clip." (A jégkorong-mérkõzés megtekintése) mondatra kattint, a webkiszolgálónkról a hockey.mov fájl letöltõdik a számítógépére, a letöltés végeztével pedig automatikusan elindul a gépre telepített segédalkalmazás vagy bõvítmény. Ha nincs megfelelõ segédalkalmazás vagy bõvítmény a gépen, a böngészõ felajánlja a megfelelõ bõvítmény letöltését, illetve lehetõséget ad arra, hogy a látogató a fájlt a merevlemezére mentse késõbbi megtekintés végett. A 12.1. példa egy olyan weboldal elkészítésére szolgáló kódot tartalmaz, amelyben egy képre kattintva nyitható meg a Windows Media formátumú fájlban tárolt mozgókép lejátszásához szükséges hivatkozás. A hivatkozást a jobb használhatóság kedvéért a képen kívül a szövegben is megismételjük.
Michael’s backyard pond is not only a fun hobby but also an ongoing home improvement project that is both creative and relaxing. He has numerous fish in the pond, all Koi from various places as far as Japan, Israel, and Australia. Although they
12
202 Tanuljuk meg a HTML és a CSS használatát 24 óra alatt
don’t bark, purr, or fetch anything other than food, these fish are his pets, and good ones at that. You can click here or on the animated graphic on the left to see a movie clip of some fish in the pond.
Ha az Olvasó számára a segédalkalmazás (helper application) kifejezés ismeretlenül cseng, elmondjuk, hogy azokról a külsõ programokról van szó, amelyeket a webböngészõ hív segítségül, amikor olyan fájlokkal találkozik, amelyeket egyébként nem tudna megnyitni. A segédalkalmazások meghívása így jobbára azokhoz a fájltípusokhoz kapcsolódik, amelyeknek a megnyitásával a böngészõ egyedül nem boldogul. A bõvítmények (plug-in) olyan különleges segédalkalmazások, amelyeket közvetlenül a webböngészõbe telepítünk, és a segítségükkel a multimédiás tartalom megtekintésére közvetlenül a webböngészõbõl nyílik módunk. A fenti kód a projector.gif animált GIF-fájl felhasználásával hoz létre a pond.wmv mozgóképhez vezetõ hivatkozást. A 12.1. ábrára a medencérõl szóló mintaoldal került – látható a filmvetítõt ábrázoló kép. Ha a képre kattintunk, a megnyíló Windows Media Playerben (Médialejátszó) megnézhetjük a mozgóképfelvételt.
12.1. ábra A projector.gif nevû, animált GIF formátumú képre kattintva nyílik meg a Windows Media fájlra mutató hivatkozás. A fájl megnyitását külsõ segédalkalmazás végzi
12. óra • Multimédia a webhelyen 203
Ha a felvételt meg szeretnénk tekinteni, mindössze az animált vetítõgépre – esetleg a szövegben lévõ hivatkozásra – kell kattintanunk . A mûvelet eredményeképpen megkezdõdik a felvétel lejátszása, mégpedig vagy egy bõvítmény segítségével – ha van a böngészõhöz telepítve a felvételt lejátszani képes bõvítmény –, vagy egy megfelelõ segédalkalmazással. A böngészõnk másképp kezeli a hivatkozást, ha az a Windows Media formátumú pond.wmv fájl helyett a QuickTime formátumú pond.mov fájlra mutat. A QuickTime bõvítménynek köszönhetõen külsõ program indítása helyett közvetlenül a böngészõablakban tekinthetjük meg a felvételt (lásd a 12.2. ábrát).
12
12.2. ábra A képre kattintva a hivatkozott fájl – pond.mov – a böngészõ QuickTime bõvítményének használatával nyílik meg
Alighanem az Olvasó is kitalálta már, hogy a multimédiafájlokra mutató egyszerû hivatkozás biztosítja leginkább a korábbi programváltozatokkal való együttmûködést, mivel így a böngészõ felelõssége kitalálni, hogy egy multimédia-felvétel miként játszható le. A dolog hátulütõje, hogy a felvétel megjelenését kevéssé tudjuk szabályozni, és szó sincs arról, hogy a felvétel az oldal szerves részét képezhetné. Amennyiben a böngészõnk nem támogatja a QuickTime formátumot, a QuickTime lejátszó ingyenesen letölthetõ a http://www.apple.com/quicktime/ webhelyrõl. A böngészõk akkor sem feltétlenül egyformán játsszák le a QuickTime formátumú felvételeket, ha már van QuickTime lejátszó telepítve a gépünkre. A könyv szerzõjének Windowst futtató gépén például az Internet Explorer és a Firefox egyaránt bõvítmény használatával, a böngészõablakban játssza le a felvételt, míg az Opera a QuickTime lejátszót segédalkalmazásként indítja el.
204 Tanuljuk meg a HTML és a CSS használatát 24 óra alatt
Multimédiafájlok beágyazása Az XHTML szabvány része az
