Infoga ljud- och videoklipp

Webbläsaren i sig kan inte spela upp ljud- eller videoklipp, men använder sig av olika tilläggsprogram och plug-ins för att ljud och videosekvenser ska kunna spelas upp på webbsidor.

Vanliga tilläggsprogram är bl.a. Windows mediaspelare (Microsoft), Quicktime (Apple), och Real Audio/Real Video (RealNetworks). Ibland måste hela filen laddas hem innan den spelas upp, men många mediaspelare kan också använda sig av streaming, vilket betyder att filen spelas upp vartefter den laddas.

Om inget program finns för att spela upp filen, visas en dialogruta där man har möjlighet att installera de komponenter som fattas eller hämta hem filen för uppspelning i valfri mediaspelare.

Några vanliga ljudformat för webben är .wav, .mp3 och .aif. Några vanliga format för videoklipp är Microsofts .wmv och .avi, Real Networks .rv, samt Quicktimes .mov och .qt. Ett annat vanligt format är .mpg, vilket många av dagens digitalkameror brukar lagra videosekvenser i.

Länka till ljud eller video

Att skapa en helt vanlig länk till multimediafilen är ett bra sätt att låta användaren själv välja när och om ljudet eller filmen ska spelas upp. Länken ska innehålla attributet type med rätt MIME-typ för filformatet. Läs mer här om MIME-typer och hur du ska skriva.

<p><a href="skratt.wav" type="audio/x-wav">Skratt</a><br />
<a href="pingvin.mpg" type="video/mpeg">Pingvinfilm</a></p>

Bädda in ljud eller video

Elementet <object> (fraselement) används när en ljud- eller videofil ska spelas upp direkt när webbsidan laddats. I attributet data anges adressen som visar vart på webbplatsen filen finns. Starttaggen måste även innehålla uppgifter om bredd (width) och höjd (height) för att en ljudpanel eller filmruta ska synas. Detta anges enklast med direkt CSS i enheten pixlar (px) vid attributet style.

Elementet kan lämnas tomt, men bör helst innehålla en alternativtext. Alternativtexten blir synlig när webbläsaren inte kan visa objektet och kan t.ex. innehålla en vanlig länk till klippet. MIME-typen anges både i <object> och i <a>.

En inbäddad ljud- eller videofil spelas automatiskt upp en gång när sidan laddats. Ljudet eller filmen kan spelas upp på nytt genom ett tryck på panelens Play-knapp.

<p><object data="pang.wav" type="audio/x-wav" style="height:25px;
width:200px">Din webbläsare kan inte visa inbäddade objekt.
<a href="pang.wav" type="audio/x-wav">Klicka istället här för att
spela upp ljudeffekten</a>.</object></p>

OBS! Filmens storlek tar du reda på i Windows mediaspelare. Högerklicka på filmens namn medan den spelas och välj Egenskaper. Beroende på webbläsare kan du behöva lägga till några pixlar på höjden för att panelen också ska synas. Prova dig fram!