Formulär Animerade bilder

Musik och annat ljud

Du kan lägga in en ljudfil som spelas upp när sidan öppnas. Redan en liten fil gör dock att det tar mycket längre tid att öppna sidan. Risken är stor att din besökare tröttnar och surfar vidare. 

Filen Alien nedan ökar nedladdningstiden för sidan med 45 sekunder på ett 56,6-modem. 8 MB Chopin som bakgrundsljud ökar nedladdningstiden med drygt 37 minuter!!!

Sidan "laddas färdigt" innan ljudfilen spelas upp och en webbsida som omfattar drygt 8 MB är en omöjlighet för de flesta.

Det är lätt att "lura sig" på nedladdningstiden när man testar sidan i webbläsaren. Då spelas även tunga filer upp omedelbart, men det beror på att ljudfilen ligger lokalt på hårddisken och hämtas därifrån.

Streaming audio

Det går att komma runt det här problemet genom att använda teknik för "streaming audio", som innebär att ljudfilen börjar spelas upp redan innan den har laddats helt. Tekniken för detta ligger dock utanför ramen för den här HTML-skolan.

Länka i stället

001 29 kB, WAV-fil, hämtad från Theophilos, demo av Alexander Schoughs upläsning

Alien 163 kB, WAV-fil

Serenad 15 kB, MID-fil, Schubert

Experiment 79 kB, WAV-fil, inspelat på 3 spikar som kopplats till datorn

Här kan du lyssna på ljuden i alla fall, eftersom de inte är inlagda direkt på sidan utan länkade från sidan. När besökaren klickar på länken sparas filen i en tillfällig mapp och öppnas sedan i mediaspelaren (till exempel WinAmp). Det tar fortfarande tid när det gäller stora filer, men det går betydligt fortare än när ljudfilen ligger i bakgrunden. Besökaren kan dessutom välja att avbryta nedladdningen eller helt enkelt avstå från att lyssna.

För att skapa en länk till ljudfilen, gör du precis som med andra länkar. Länken till Serenad ovan ser ut så här:

<A HREF="ljud/serenade.mid">Serenad</A>

Ljud i bakgrunden

För att lägga in ljud i bakgrunden - vilket jag alltså avråder från - lägger du följande kod mellan HEAD-taggarna:

<BGSOUND src="ljud/alien.wav">

eller

<BGSOUND SRC="ljud/alien.wav" LOOP="-1">

Det första exemplet gör att ljudfilen spelas upp en gång när sidan öppnas. Om detta inte fungerar, lägger du till LOOP="1". Det andra gör att filen spelas upp gång på gång. Värdet i LOOP anger hur många gånger filen skall spelas upp.

Den här koden fungerar bara i Internet Explorer. Om sidan öppnas i Netscape hörs ingenting alls.

Du har lärt dig
  • Hur du lägger in ett bakgrundsljud på hemsidan och att du bör avstå från det
  • Hur du länkar till en ljudfil
Övningsuppgifter
  • Lägg in ett bakgrundsljud och pröva hur mycket det ökar nedladdningstiden.
  • Lägg en länk till en ljudfil från sidan och undersök hur lång tid ljudet behöver för att laddas.
Formulär Animerade bilder

© SupportData.Net