Ljud

Ljud förekommer ibland på webbsidor. Problemet med ljud är att ljud, precis som med bilder, tar upp mycket plats. Om man vill ha ett ljud med så hög kvalité som på en cd kommer det att ta väldigt lång tid för ljudet att laddas ned. En enda sekunds ljud med cd.kvalité, tar mer än 170 kilobyte i diskutrymme och kan ta en minut att ladda ner med ett modem på 28 800 bps. Oftast är det inte nödvändigt med så hög kvalité utan man klarar sig gott med en lägre kvalité. Det går även att komprimera ljudet så att det går fortare att överföra.

Ljudformat

Det finns en del olika ljudformat och dom är:

WAVE är Windows format och är ganska vanligt och lämpligt om sidan riktar sig till hemanvändare. För Pc är namnändelsen .wav och för Mac är det .snd.

AU är Suns format och är kanske lämpligast om man vill nå flest användare och kan spelas upp av både Pc och Mac. Har namändelsen .au.

AIFF är Apples försök att stansardisera ett ljudformat. Har namändelsen .aif.

MIDI-filer innehåller inga ljud utan har bara information om hur datorn ska spela upp ett ljud. Har namändelsen .midi eller .mid.

MP3 ger en nycket god kompression av ljudet, ljudfilerna håller en mycket hög kvalité, men är ändå förhållandevis ganska små. MP3 plockar bort information som örat inte uppfattar.

Ljud i webbsidor

För att lägga in ett ljud på en webbsida lägger man enklast in en länk till ljudet på sidan. I stället för att ange ett HTML-dokument, ger man ljudfilens URL i länken. Tidigare var webbwärdeprogrammet tvunget att försöka lista ut vilken typ av fil det stötte på, det är viktigt precis som med bilder att ljudfilerna har rätt namnändelse. Numera kan man med hjälp av attributet TYPE i ankaret ange vilken MIME-typ ljudfilen har. För WAVE-filern är typen "audio/wav", AIFF-filer har typen "audio/aiff" AU-filer har typen "audio/basic" och MIDI- har typen "audio/midi".

Exempel på ljud i webbsida

<P>Klicka på lejonet får du höra.</P>
<A HREF="lion.wav" TYPE="audio/wav">
<IMG SRC="lion.gif" ALT="Ett lejon"></A>

Klicka på lejonet får du höra.

Bakgrundsljud vid sidöppnande

Man kan även ha bakgrundsljud till sina web-sidor. För att möjliggöra detta har Microsoft infört taggen <BGSOUND>. Netscape har infört taggen <EMBED>. Bakgrundsljud ingår alltså inte i HTML-standarden, därför har tillverkarna infört egna funktioner som andra webbläsare saknar.

Det tar tid att överföra en stor ljudfil och därmed kommer alla stackare som vill titta på en sida med bakgrundsljud att behöva vänta ett bra tag. En länk till ljudet är bättre.

Tips! Om man lägger in ett bakgrunsljud i en webbsida, bör man lägga kommandona för bakgrundsljud längst ner på sidan, men dom måste ligga före slutmärket </BODY>. Detta gör att den visiuella delen av sidan, alltså all text och bilder m.m, laddas in före den audiella, bakgrundsljudet, vilket gör att besökaren inte behöver vänta på att kunna få läsa innehållet innan ljudet spelas upp.

<BGSOUND>

Attributet SRC anger vilken ljudfil som ska spelas upp och LOOP hur många gånger det ska ske. LOOP=INFINITE gör att ljudet fortsätter och börjar om i all evighet. Om du väljer det riskerar du att göra dina besökare galna. BGSOUND har ingen slutagg.

Exempel på Bakgrundsljud vid sidöppnande

<BGSOUND SRC="lrgbreak.wav">

Exempel på Bakgrundsljud upprepat fem gånger

<BGSOUND SRC="methit.wav" LOOP=5>

Exempel på evigt upprepande bakgrundsljud

<BGSOUND SRC="symfoni.wav" LOOP=INFINITE>

<EMBED>

EMBED är som sagt NETSCAPES märke för att lägga in bakgrundsljud i webbsidor. EMBED ska visst kunna innehålla referenser till vilken typ av objekt som helst, hur det fungerar är jag inte insatt i. Hur som helst så är attributet SRC obligatoriskt, men en URL som värde, och WIDTH och HEIGHT kan användas för att ange objektets bredd och höjd. För bakgrunsljud finns attributen LOOP, AUTOSTART, HIDDEN, CONTROLS, och LOOPDELAY.
EMBED har sluttaggen </EMBED>

LOOP fungerar och har samma värden som för BGSOUND.

AUTOSTART-attributet anger om ljudet ska spelas upp varje gång sidan laddas eller ej. AUTOSTART="true" gör en sådan omladdning medan AUTOSTART="false" tar bort återstarten.

HIDDEN är till för att ta bort den kontrollpanel som brukar dyka upp när ett bakgrunsljud spelas upp. Skriver man HIDDEN="true", döljs panelen. Detta attribut bör man inte använda om man har ett bakgrundsljud med lång uppspelningstid eller tilsammans med LOOP="infinite", Besökaren kan bli ganska irriterad om det inte går att stänga av ljudet och lämna sidan.

CONTROLS använder man för att påverka kontrollpanelens storlek. Det värde som finns är "smallcontrolls" och det gör att kontrollpanelens knappar blir mindre. Risken med detta attribut är att knapparna inte alls blir mindre, utan istället får mindre utrymme och då kanske en del av kanpparna inte syns och inte går att komma åt. Ett annat sätt att påverka kontrollpanelens storlek är att använda WIDTH och HEIGHT-attributen i <EMBED>.

LOOPDELAY gör att ett ljud spelas med en viss fördröjning. Det värde man använder sig av är "ms" vilket med en siffra framför anger hur många millisekunder, alltså tusendels sekunder, fördröjningen ska vara. Det är användbart om man har ett ljud som ska spelas flera gånger, attributet skapar då en paus mellan varje uppspelning. Ett annat användningsområde är om man vill att ljudet ska spelas först när hela sidan säkert har laddats. LOOPDELAY="1000ms", ger en fördröjning på en sekund.

Hur gör man för att få ett bakgrundsljud att fungera både i Nescape och Internet Explorer?

Netscape-kommandorna fungerar faktiskt i Explorer 4 och delvis i Explorer 3. Samma sak är det för Explorer-kommandon i Netscape, fast det kan fungera sämre. För att fösäkra sig om att även äldre webbläsare ska förstå de olika kommandona, kan man lämpligtvis skriva på följande sätt:

<EMBED SRC="yipee.wav" AUTOSTART="true" HIDDEN="true">
<NOEMBED>
<BGSOUND SRC="yipee.wav">
</NOEMBED>
</EMBED>

Man bör lägga BGSOUND-kommandot mellan EMBED-elementen, för att de webbläsare som förstår båda funktionerna inte ska tro att det är två olika ljud. Man använder då NOEMBED-elementen för att webbläsaren inte skall bli förvirrad. AUTOSTART="true" och HIDDEN="true" i EMBED-elementet, gör att bakgrundsljudet startar automatiskt och att ingen kontrollpanel dyker upp. När jag har testat detta i min webbläsare, Internet Explorer 4, fungerade detta bra. När jag testade att skriva:

<EMBED SRC="yipee.wav" AUTOSTART="true" HIDDEN="true"></EMBED>
<BGSOUND SRC="yipee.wav">

Så tolkade webbläsaren det som två olika ljud, vilket gjorde att ljuden spelades upp samtidigt med en viss fördröjning, vilket inte lät särskilt bra.

Att lägga in en kontrollpanel

Om man vill lägga in en kontrollpanel där besökaren själv kan välja om denne vill spela upp ljudet eller inte så skriver man på följande sätt:

<OBJECT>
 <EMBED SRC="methit.wav"  AUTOSTART="false"></EMBED>
</OBJECT>

Vilket ger:

Pröva gärna att tryka på PLAY-knappen.

Med hjälp av attributen WIDTH och HEIGHT kan man påverka kontrollpanelens storlek.

Ett exempel:

<OBJECT WIDTH="100" HEIGHT="25">
 <EMBED SRC="lrgbreak.wav"  WIDTH="200"></EMBED>
</OBJECT>

Vilket ger:

Klicka på knapparna för att backa tillbaka eller för att läsa vidare om HTML-guiden.