start uppgifter kod uppgifter DW css html bilder färg & text länkar kursinfo kontakt
intro fiskar PORTFOLIO PF uppgift 1 PF uppgift 2 PF uppgift 3 PF uppgift 4 PF uppgift 5 PF uppgift 6 PF uppgift 7

Att lägga ljud på en hemsida

Det finns olika sätt att lägga ljud på en hemsida. Du ska här få prova tre av dem. Däremot kan vi inte love att det kommer att fungera som det ska i alla webbläsare. Det finns ganska många ljudformat att välja mellan, och olika webbläsare är olika bra på att hantera dem. Dessutom behövs ibland insticksprogram (plug-ins) till webbläsarna för vissa ljudformat, och har man inte rätt insticksprogram fungerar inte ljuden.

Kort sagt: ljud på hemsidor är en djungel och ganska svårt att lyckas med. Men vi vill ändå att du provar, för det som inte fungerar på skolans datorer fungerar förmodligen utmärkt någon annanstans, och tvärtom, och det är bra att veta hur man gör.

Webbdesignskolans hemsida finns ljud att hämta, och vi vill också att du läser igenom avsnittet om olika ljudformat så att du vet vad de står för. Du hittar allt detta under HTML-grunder -> Ljud.

Om du tycker ljudlistan är lite fattig kan du kolla på http://www.multimedia.skolutveckling.se där det finns ljudeffekter att hämta.

Hämta hem några ljud med olika format, och prova alla tre nedanstående metoder på en egen sida i din portfoliosajt.

Länka till ljud

Vill man ge besökaren på en hemsida möjlighet att välja om han/hon vill lyssna på ljudet kan man koppla ljudet till en länk. Man gör precis som vanligt när man länkar - markera ordet eller orden du vill göra en länk av, och klicka på den gula länkmappen i Egenskapsfönstret. Välj din ljudfil (se till att den ligger någonstans i din rotmapp) och tryck ok. Klart! Sedan kan besökaren klicka på länken och får upp en liten spelare i webbläsarfönstret.

Bädda in ljud

Bäddar man in ett ljud på en hemsida spelas det upp automatiskt när sidan har laddat färdigt - det vill säga OM du har valt rätt ljudformat för besökarens webbläsare. Du kan ju aldrig veta vad en besökare på din sida har för webbläsare eller vilka insticksprogram hon/han valt att lägga till i den, så det går aldrig att vara säker på att inbäddade ljud fungerar.

Se till att ljudet finns i din rotmapp någonstans, ställ markören där du vill att ljudet ska läggas in på sidan (du kan göra symbolen så liten att den knappt syns på sidan sen). Gå till Infoga -> Media -> Insticksprogram. Bläddra till ljudfilen du vill lägga in. Skriv in bredd och höjd på ljudkontrollen om du vill ha den synlig på sidan, annars välj 1x1 pixel (eller dra ihop symbolen tills den blir jätteliten). Tryck ok. Prova i webbläsaren. Funkar allt som det ska, så kommer ljudet att spelas upp i webbläsaren.

Spela upp ljud

Man kan också låta ett ljud spelas upp när man gör något på sidan, t ex klickar på en knapp eller något annat objekt, eller håller musen över en länk.

Markera objektet där du vill att ljudet spelas upp. Gå till Beteende-paletten (ligger i samma palett som CSS). Tryck på + och välj Spela upp ljud. Om denna funktion inte är valbar måste du gå in under + igen och välja att visa funktioner för webbläsare version 5.0 eller nyare. Denna funktion fungerar alltså inte i lite äldre webbläsare (och för all del inte i alla nyare heller). Bläddra fram det ljud du vill ha, tryck ok. Kolla vilken händelse som står angiven vid funktionen i Beteendefönstret. Välj vad du vill ha, t ex onClick eller mouseOver eller liknande. Spara och prova om ditt ljud fungerar. Gör det inte det, kan du prova med något annat ljudformat.