Lägg in ett ljud

1. Inledning

Den här sidan går igenom hur du använder Html för att lägga in ett ljud på en hemsida. Tekniken är ganska gammal och de flesta använder idag i stället Flash eller liknande format.

Vill du veta mer om multimedia rekommenderar jag dig att läsa mer på de särskilda sidorna jag har om detta. Gå dit >

Vill du i stället veta mer om ljudredigering och liknande, har jag en lämplig sektion som heter Programkunskap. Gå dit >

2. Vilka svårigheter finns?

För det första tillhör ljud och multimedia inte Html-standarden och fungerar därför inte alltid likadant - om alls - i alla webbläsare. För det andra skiljer sig ljud- och multimediafunktionerna ibland mellan de olika operativsystemen, som Windows och Macintosh - eller versioner av dem.

För det tredje erbjuder de många olika ljud- och multimediaformaten ytterligare svårigheter: bara för att du har en viss ljuduppspelare, betyder inte det att du också kan spela upp alla ljud som finns. Oftast krävs dessutom att ett antal olika tilläggsprogram, s.k plugins, finns installerade i webbläsaren.

För det fjärde kan besökaren ha ändrat på grundinställningen i webbläsaren, vilket gör att ljudet inte spelas upp som du tänkt.

Jag har testat de olika kommandona och många av programmen som jag tar upp, men jag lämnar inga garantier för att det fungerar så som jag säger även på din dator!

3. Lägg in ett bakgrundsljud på din sida

Som du kommer att få se finns det två olika möjligheter att spela upp ljud på sin sida. Antingen lägger man in ljudet som ett bakgrundsljud, som spelas upp när sidan har laddats, eller så gör man en länk till ljudfilen. Hur man gör det kommer jag att berätta om i de närmaste fyra avsnitten.

I webbläsarna Netscape och Explorer finns speciella element för bakgrundsljud. Dessa är:

• <EMBED></EMBED> för Netscape
• <BGSOUND> för Explorer

De olika elementen behövs eftersom bakgrundsljud inte stöds i Html-standarden. Netscape-kommandona fungerar i Explorer 4 och delvis i Explorer 3 och på samma sätt är det för Explorer-kommandon i Netscape, även om kompatibiliteten inte är lika bra där.

Man lägger in elementen så här:

<EMBED src="Ljud.wav"></EMBED> i Netscape, eller

<BGSOUND src="Ljud.wav> i Explorer

För att försäkra sig om att även äldre webbläsare skall förstå de olika kommandona, skriver man dem ofta så här:

<EMBED src="Ljud.wav">
<NOEMBED>
<BGSOUND src="Ljud.wav">
</NOEMBED>
</EMBED>

Man kan alltså lägga BGSOUND-kommandot mellan EMBED-elementen, så att de webbläsare som förstår båda funktionerna inte tror att det är två olika ljud. Då använder man även NOEMBED-elementen, för att inte förvirra den stackars webbläsaren. Detta går att göra eftersom både NOEMBED- och EMBED-elementen har en avslutning, som du ser. Men när jag testat kommandona på olika system har det inte alltid blivit som jag säger här. Så du får kontrollera det du gör väldigt noga innan du lägger upp sidan på nätet!

Vad som händer i kommandot ovan är att webbläsaren laddar ner ljudfilen som skall spelas och sedan spelar upp den, genom att starta rätt plugin. Men uppspelningen sker först när hela filen laddats. Det finns också musik som spelas medan den laddas, s.k strömmande ljud (streaming audio), men det är någonting helt annat och kräver en särskild server.

Om du saknar pluginnen eller om webbläsaren inte förstår kommandot kommer ljudet inte att spelas upp. Det finns då lite olika saker som kan hända:

1. Förmodligen händer ingenting, men ibland läggs en liten bild (t.ex i form av en megafon) på det ställe där EMBED-kommandot för ljudfilen placerats. Ungefär som när browsern inte hittar rätt bildfiler.

2. Du kan också få ett felmeddelande om att programmet inte hittade rätt ljudfil.

3. Ytterligare en sak som har hänt mig är att webbläsaren frågat mig om jag vill öppna filen eller spara ner den på disk. Om jag valt att öppna den har då en ljuduppspelare startats, som inte är någon plugin utan ligger som ett separat program på hårddisken.

4. I det senare fallet kan felmeddelandet komma upp, trots att du har pluginnen. Då måste du tala om för webbläsaren att det är pluginnen som skall ta hand om den här typen av filer. Du kan (förmodligen) ställa in allt sådant i din webbläsare. Titta i menyerna längst upp och leta dig fram till rätt undermeny!

5. Jag har också varit med om att ljudfilen laddas, men inte spelas. I stället öppnades pluginnens kontrollpanel och jag fick trycka på "Play".

Tips!
Om du använder bakgrundsljud bör du lägga kommandona längst ner på din sida (men fortfarande före </BODY>). Ljudfiler kan nämligen ta lång tid att ladda ner och kan ibland stoppa upp nerladdningen av den övriga sidan. Besökaren ser då bara en tom sida och hoppar lätt vidare när inget händer. Det gäller alltså att få den visuella delen av sidan att visas före den audiella och det går alltså att styra litegrann, om man skriver ljudkommandona sist.

4. Olika attribut

Det finns naturligtvis också en del intressanta attribut, som man kan lägga till. Jag listar dem nedan och kommenterar dem, men det är lite svårt att säga exakt hur de fungerar eftersom de inte är standardiserade. Vad som är grundinställning (default) kan alltså variera väldigt mellan de olika webbläsarna.

loop="X"

Där X står för ett värde. Antingen skriver man en siffra, t.ex "10", som anger hur många gånger ljudet skall spelas upp, eller väljer man att skriva "infinite" om man vill att ljudet skall spelas hela tiden besökaren är på sidan. Ibland fungerar inte infinite och då använder man "true" i stället. Vill man inte använda någon loop kan man försöka att ange "false" som värde.

autostart="true"

Med autostart-attributet anger man om ljudet skall spelas upp varje gång sidan laddas eller ej. Värdet "true" gör en sådan omladdning, medan värdet "false" tar bort återstarten. Jag har också sett en del använda attributet autoplay i stället, men vet inte om det fungerar.

hidden="true"

När ett ljud spelas upp brukar en kontrollpanel dyka upp och lägga sig ovanför sidan. Denna kan man ta bort med attributet hidden. Hidden skall däremot inte användas ihop med ljud med lång uppspelningstid eller med loop="infinite". Då blir besökaren nämligen irriterad och lämnar sidan! Ge besökaren alternativ, alltså.

Attributet fungerar även i de fall ljudet inte startas när sidan är laddad. Hur då? Jo, om ljudspelaren inte fungerar visas ingen kontrollpanel och det låter inte heller. Men precis som för bilder kan det visas en ljudikon, t.ex i form av en megafon, där EMBED-kommandot är skrivet. Attributet hidden döljer då denna ikon så att den inte visas.

controls="smallcontrols"

Med detta attribut kan man påverka kontrollpanelens storlek. Först och främst kan man använda width och height-attributen och då kan man skriva dem direkt inne i <EMBED>. Använder man attributet controls, finns värdet smallcontrols. Det är tänkt att användas för att i första hand göra kontrollpanelens knappar mindre.

Tyvärr har jag sett många exempel på att det ibland blir väldigt underligt resultat, t.ex att knapparna inte alls blir mindre utan i stället får mindre utrymme, så att några av knapparna inte syns och inte går att komma åt. Mitt tips är att du använder "smallcontrols" och width- och height-attributen med viss försiktighet.
För att komplicera saken ytterligare vill jag bara säga att en del webbläsare i stället för controls lystrar till controller med samma värden. Ytterligare en anledning att bli frustrerad, alltså.

loopdelay="ms"

Ett attribut som gör att ett ljud spelas med viss fördröjning. Där jag skrivit "ms" skriver du en siffra för hur många millisekunder (=tusendels sekunder) fördröjningen skall vara. Kan vara bra att använda om ett ljud skall spelas flera gånger, då attributet skapar en paus mellan en uppspelning och en annan. Eller om man vill att ljudet skall spelas först när hela sidan säkert laddats.

5. Länka till ett ljud

Man kan också länka till ett ljud, precis som man länkar till bilder. Man skriver då:

<A href="Ljud.wav">Kul ljud!</A>

Som blir:

Kul ljud!

Man kan i princip länka till vilket ljud eller vilken filtyp som helst. Det enda som krävs är att besökaren har rätt program för att spela upp ljudet. Dessutom måste besökaren ha ställt in sin webbläsare riktigt.

Tips!
Om du klickade på länken ovan och inget hände, kan du gå in i din webbläsares inställningar och ändra, så att ljudet spelas upp direkt. I min webbläsare gick jag in i "Inställningar" (brukar också heta "Preferences"), sedan valde jag "Applikationer" ("Applications" eller "Helpers") och tittade på hur webbläsaren hanterar WAV-filer. Där såg jag att det stod "Öppna QuickTime" i stället för "Spela upp direkt". Efter att ha ändrat detta fungerade det utmärkt.

6. Lite mer om ljud

När man lägger upp ljud (och multimediafiler) på sin sida bör man fundera en stund över vem som har copyrighträtten. Det finns nämligen gott om ljud på nätet, men väldigt mycket är upphovsrättsskyddat. Därför gör du bäst i att antingen göra egna ljud eller ta reda på att ljudet verkligen är fritt att lägga upp på sidan eller helt enkelt köpa det ljud du vill ha från den som gjort det.

Men det är inte helt lätt att veta om ett ljud är skyddat eller att ta reda på det. Jag har själv använt exempel på på min resurs, som jag inte vet om jag får använda eller inte. Jag riskerar förmodligen inga böter, men kanske att jag måste ta bort ett ljud, en bild eller en film. Vad jag gjort innan jag lagt upp ljuden m.m är att skicka ett e-mail till den eller de jag tror har upphovsrätten, med en förfrågan om det går bra. I vissa fall har jag fått nej och då har jag avstått. I andra fall har jag fått ett ja. I ytterligare några fall har jag inte fått svar alls och då har jag avgjort från fall till fall.

I Mac är AIFF-filer, med extensionen .aif eller .aiff, vanligast. I Windows är WAVE-filer, som har extensionen .wav, de vanligaste. Men Macar anses vara sämre på att hantera WAVE-filer än Windows är på att hantera AIFF-filer, så man brukar ge rådet att lägga in ett bakrundsljud i AIFF-formatet. Jag har emellertid aldrig haft några problem med Wav-filer när jag har använt Mac och det är därför jag använt ett sådant filformat både i länkningen till det kuliga ljudet ovan och till det inbäddade ljudet här på sidan. Hör gärna av dig och tala om hur det fungerade på din maskin!

I Explorer kan man även länka till ljud inne i <IMG>-elementet, så att man får en bild och ett ljud att visas ihop. Men det är inte frågan om någon synkronisering! Ljudet och animationen visas alltså som separata enheter. Man skriver:

<IMG src="Animation.gif" dynsrc="Ljud.wav">

Här använder Explorer alltså ett särskilt attribut, som Netscape med flera inte kan läsa. För dem visas bara animationen, men inget ljud.

För den som vill spela upp olika ljud från hårddisken, finns olika sätt. Antingen kan man dubbelklicka på filen och då startas det program man ställt in skall hantera den här filtypen. Eller kan man i Windows högerklicka på filen, välja "Egenskaper" och "Exempel". I Mac håller man ner musknappen och väljer "Spela upp ljud". Sedan kan man trycka på "Play" och ljudet spelas upp. Ytterligare ett sätt är förstås att man öppnar ljudfilen i en redan öppnad ljudspelare.

I Html 4.0-standarden finns det ett nytt element, som heter <OBJECT>, som i framtiden kommer att kunna användas som <EMBED> och <BGSOUND>. Men eftersom det ännu inte finns några webbläsare som förstår detta element, har jag inte skrivit något om det här. Du kommer emellertid att kunna läsa mer om det på min resurs, på en annan sida och vid en senare tidpunkt.

Förklara gärna det här för mig, den som kan: när jag laddar den här sidan från hårddisken hörs inget bakgrundsljud, men när jag laddar den från nätet låter det som det skall. Varför då?

7. Gör ett eget ljud

Det går ganska lätt att göra egna ljud - förutsatt att du har rätt grejor. Det jag säger här gör du dessutom helt på egen risk!

I både Mac och Windows finns inbyggda ljudinspelare, som du kan använda på två olika sätt: antingen spelar du in ett ljud med mikrofon, eller lånar du ett från en CD-skiva. Om du vill ha mer avancerade program kan du enkelt ladda ner ett från nätet. Du hittar länkar på sidan med surftips. Gå dit >

För att spela in ett eget ljud via mikrofon, behöver du självklart en mikrofon som passar till din hårdvara. Sedan öppnar du bara ditt ljudinspelningsprogram och startar inspelningen, talar (eller sjunger) in några visdomsord och stannar inspelningen. Nu kan du lyssna på din egen röst. Är du nöjd med resultatet sparar du det inspelade som en ljudfil. Lätt! Tänk bara på att spara ljudfilen med rätt extension och på att länka till filen med rätt filnamn. Läs mer om hur du redigerar ljud på sidorna med programkunskap. Gå dit >

Om du i stället vill spela in ett ljud från en CD-skiva kan du antingen dra kablar från din CD-spelare, eller (i vissa fall) spela upp ljudet i datorns interna CD-spelare. Den förra metoden kräver att du skaffar rätt kablar. Gå till din datorhandlare (och eventuellt din radio-tv-specialist) och snacka med dem, så fixar de fram vad du behöver.

Dra en sladd från kontakten på CD:n som heter "Audio Out" och tryck in den i datorns "Line In" på ljudkortet. Kolla i bruksanvisningen om du är osäker. Kontakten på datorn som heter "Audio Out" är den där datorns högtalare sitter. Spelar du nu en skiva på CD:n låter det i datorns högtalare. Öppna nu ljudinspelaren och spela in, enligt de instruktioner jag gav ovan. Men eftersom ljudinspelare fungerar lite olika måste du ta reda på hur just ditt program fungerar.

Du kan också göra tvärtom och utnyttja din stereo när du arbetar med ljud i datorn. Dra då bara en sladd från ljudutgången (t.ex hörlursuttaget) till förstärkarens "Audio In" (Aux-ingången). Vrid ner volymen och starta datorn. Utmärkt när du spelar datorspel :-)

Du kan testa att stoppa in en CD-skiva i din CD-ROM-spelare och öppna CDn. Då ser du alla låtar som datafiler (av något slag). I teorin kan man med rätt program öppna en låt och ta in den i programmet och modifiera den. Men i praktiken är det inte riktigt så enkelt: dels på grund av att sådana program är väldigt dyra (efter vad jag har hört) och dels eftersom många filer är skyddade och alltså inte går att öppna. Men jag vet egentligen för lite om det här för att våga mig på några ytterligare spekulationer. Tänk också på att du inte får lägga upp ljud från CD-skivor på din sajt, eftersom ljud på en CD-skiva är upphovsrättsskyddat.

Ett ljud med Cd-kvalitet blir stort. En minut på en CD brukar bli runt 10Mb. Spelar du in ett ljud att lägga in som bakgrund på din sida behöver du inte tänka på kvaliteten. Men annars bör du alltid tänka på att spela in med så hög kvalitet som möjligt. 44,1 kHz och 16 bitar brukar man ange som ett mått på bra kvalitet och det är samma som CD-skivorna är inspelade med. 44,1 kHz (kiloHertz) innebär 44.100 inspelningar per sekund. 22kHz eller 11kHz och 8 bitar är dock vanligare. Bitarna anger samplingsnivån. (Vad det betyder mer exakt är faktiskt ganska komplicerat och är inget jag satt mig in i djupare.) De flesta varningsljud på din dator är inspelade med 22,254 kHz i 8 bitar eller sämre.

Använder du stereoljud blir filen mycket större, så det kan du hoppa över när det gäller vanliga ljud på en sajt.