JavaScript.nu / HTML-kurs / Musik och bakgrundsljud

Musik och bakgrundsljud

I detta kapitel:
Att t�nka p�
Musik p� sidan
Bakgrundsmusik
Test

---

Nu n�r du l�rt dig skapa en hemsida kan det nog vara sk�nt att ha lite musik p� den ocks�. Varje g�ng n�gon bes�ker din sida s� kommer din favoritmusik att b�rja spelas. T�nk dock p� flera saker innan du tar beslutet om att ha musik p� din sida.

• Alla gillar inte din musik. Skulle du st� ut med en sida som hade d�lig musik med h�g volym, som du dessutom inte kunde s�nka ljudet p�?
• Det tar ganska l�ng tid att ladda musik och det tar processorkraft. Det kanske inte blir speciellt uppskattat av dina bes�kare.
• T�nk p� att bakgrundsmusik oftast bara �r irriterande. Att ha bakgrundsmusik som inte g�r att st�nga av �r v�ldigt irriterande.

---

Man kan infoga musik till sin sida med EMBED-taggen. Vilka attribut som fungerar till EMBED-taggen beror p� vilket plugin man har till sin webbl�sare. De enda attributen som �r standard och som allts� alltid finns �r WIDTH, HEIGHT och SRC.
WIDTH och HEIGHT best�mmer EMBED-objektets storlek medan SRC best�mmer vilken l�t som ska spelas. Ett exempel p� hur det kan se ut �r:
<EMBED SRC="ljudfil.wav" WIDTH="300" HEIGHT="120"></EMBED>

Ett exempel p� hur EMBED fungerar finns h�r:
Exempel med EMBED

EMBED EMBED st�r f�r "EMBED object" och infogar en plugin-applikation i en HTML-sida. Attribut SRC     Adressen till den data pluginet ska anv�nda (t.ex. "ljud.mid"). WIDTH     Objektets bredd. HEIGHT     Objektets h�jd. Beroende p� plugin finns flera olika attribut.

Ett vanligt attribut till EMBED-taggen �r HIDDEN-attributet. Det g�r s� att EMBED-objektet blir osynligt. Detta anv�nds f�r att man ska f� bakgrundsmusik. Alla webbl�sare klarar dock inte EMBED, d�rf�r anv�nder man sig ofta av denna kodsnutt f�r att f� bakgrundsmusik p� en sida:

<EMBED SRC="bakgrundsljud.au" LOOP="TRUE" HIDDEN="TRUE">
<NOEMBED>
<BGSOUND SRC="bakgrundsljud.au" LOOP="INFINITE">
</NOEMBED>
</EMBED>

Det NOEMBED-taggen g�r �r att webbl�sare som f�rst�r vad EMBED �r f�r n�got ignorerar allt mellan <NOEMBED> och </NOEMBED>. Dessa webbl�sare ignorerar s�ledes BGSOUND-taggen i koden ovan. De webbl�sare som inte st�djer EMBED har inte heller st�d f�r NOEMBED. Med detta menas att webbl�saren inte f�rst�r vad som menas med EMBED och NOEMBED. Vad vissa webbl�sare som inte f�rst�r EMBED och NOEMBED d�remot f�rst�r �r BGSOUND-taggen. Denna g�r s� att bakgrundsmusik spelas.
Attributet LOOP="TRUE" f�r EMBED och LOOP="INFINITE" f�r BGSOUND betyder att l�ten ska loopas, dvs. spelas om fr�n b�rjan n�r l�ten tagit slut. Ljudet slutar s�ledes aldrig.
H�r finns ett exempel med koden ovan:
Exempel med EMBED och BGSOUND

T�nk p� att BGSOUND bara klarar av filformaten .wav, .au och .mid. Allts� kan man t.ex. inte anv�nda sig av .aiff-filer med BGSOUND. EMBED klarar dock detta och m�nga andra format. Vissa webbl�sare, t.ex. Internet Explorer 5, klarar dock av att spela upp m�nga olika format med BGSOUND (t.ex. .aiff-filer).

BGSOUND BGSOUND st�r f�r "BackGround SOUND" och spelar upp en bakgrundsmelodi. Attribut SRC     Adressen till l�ten (b�r vara i .wav-, .au- eller .mid-format). LOOP     Antal g�nger l�ten ska spelas. "-1" eller "INFINITE" betyder o�ndligt med g�nger.

Test I slutet av varje kapitel i HTML-kursen finns n�gra fr�gor som du ska svara p� f�r att testa dina kunskaper inom HTML. Om du har f�tt alla r�tt s� �r det bara att g� vidare, fast har du haft n�got fel kan det kanske vara klokt att f�rs�ka lista ut vad som kan ha varit fel. Givetvis kan du g� vidare �ven om du inte svarar r�tt p� alla fr�gor. Vad anv�nds EMBED-taggen till? Att infoga plugin-applikationer p� en webbsida. Spela upp ljud. Anv�nds endast f�r att ha bakgrundsmusik. Vad h�nder om attributet LOOP i BGSOUND har v�rdet INFINITE? Melodin spelas upp bakl�nges. Melodin spelas upp o�ndligt med g�nger. Melodin spelas inte upp. Antag att din webbl�sare st�djer EMBED-taggen. Vad skulle d� f�ljande kod resultera i p� sk�rmen: abc<NOEMBED>def</NOEMBED>ghi abc<NOEMBED>def</NOEMBED>ghi abcghi abcdefghi Antag att din webbl�sare inte st�djer EMBED-taggen. Vad skulle d� f�ljande kod resultera i p� sk�rmen: abc<NOEMBED>def</NOEMBED>ghi abc<NOEMBED>def</NOEMBED>ghi abcghi abcdefghi