Multimedia på
hjemmesiden

Kodefarver

Jeg har farvet kodeeksemplerne i forskellige farver, så du nemt kan se, hvilke koder der er beregnet til Internet Explorer, og hvilke koder der er beregnet til andre browsere. Et eksempel:

Blå kode hører til Internet Explorer, grøn kode til andre browsere, mens rød kode retter op på Internet Explorers 6's manglende forståelse af tagget object. Den grønne kode bruges dog også af Internet Explorer 7 og nyere, hvis browseren ikke har det nødvendige plugin i den blå kode.

Det er muligt at indsætte endnu flere alternativer. Dermed kan du fx angive en alternativ multimediafil, hvis den besøgende ikke har et plugin til den første multimediafil. I så fald skal du indsætte ekstra kode lige før det grønne </object>. Her har jeg indsat koden til en midi-fil, der kan afspilles, hvis mp3 ikke understøttes. Midi-koden er farvet orange:

Bemærk, at jeg har flyttet linjen ALTERNATIV ind i midi-koden. Det er en tekst, der vises, hvis alt andet kikser, og den skal derfor indsættes i den sidste af mulighederne, se også afsnittet Alternativ længere nede.

Filnavn

Du skal selvfølgelig udskifte filnavn i koderne med dit eget filnavn. Bemærk, at du kan angive en placering i en undermappe, fx: undermappe/filnavn.swf, eller du kan angive en placering på en anden server, fx: http://www.youtube.com/watch?v=zm9jy8N8zPw, hvis du vil placere en video fra Youtube på din egen hjemmeside (husk at tænke på ophavsretten).

Id

Der må ikke være flere forekomster af den samme id på en hjemmeside. Hvis du fx vil have to Flash-elementer på siden, skal du omdøbe mindst den ene id-værdi. I stedet for id="minflash", kan du kalde dem for henholdsvis id="flash1" og id="flash2". Bemærk, at et id-navn ikke må starte med et tal.

Bredde og højde

I alle eksempler vises en multimedie-kontrol på hjemmesiden. Hvis den skal være usynlig, kan du ændre værdierne for bredde (width) og højde (height) til 0, altså: width="0" height="0". I parameteroversigten nederst på siden kan du finde alternative måder til at gøre afspilleren usynlig. Men vær opmærksom på, at brugeren ikke kan styre afspilningen, hvis afspilleren er usynlig, og det er ikke altid lige populært.

Som du kan se, har jeg angivet forskellige værdier for bredde og højde i koderne. Ved Internet Explorer-koden for lydfiler har jeg angivet værdier, der passer til størrelsen på Windows Media Players kontrolpanel. Ved koderne til andre browsere har jeg angivet værdier, der passer til størrelsen på QuickTime-afspillerens kontrolpanel. Ved videofiler skal du selv tilrette værdierne alt efter størrelsen på videoen. Husk, at tage højde for kontrolpanelet, når du angiver højden.

Alternativ

Det er muligt at skrive en tekst, som vises, hvis den besøgende på hjemmesiden ikke kan se eller høre dit lyd- eller filmklip. I koden har jeg indsat linjen ALTERNATIV. Hvis du ikke vil have vist et alternativ, så slet linjen. Ellers tilret den ved at udskifte ALTERNATIV med din tekst.

Du kan også indsætte et alternativt billede, men du er desværre nødt til at selv skrive koden til billedet. Du kan ikke indsætte det i object-koden via KompoZers brugerflade. Koden til et billede kan fx se således ud:
<img src="filnavn.jpg" width="400" height="300" alt="Mit billede" title="Du kan ikke se mit filmklip, fordi du ikke har det nødvendige plugin installeret">. Alt er den tekst, der vises, hvis billedet ikke kan vises, mens title er den tekst, der vises, når musemarkøren holdes over billedet.

Du kan også skrive en tekst under billedet, så den samlede kode og tekst kan se således ud:
<img src="filnavn.jpg" width="400" height="300" alt="Mit billede" title="Du kan ikke se mit filmklip, fordi du ikke har det nødvendige plugin installeret">Ekstra tekst under billedet.

Parametre

Jeg har medtaget en ekstra parameter i kodeeksemplerne, den forhindrer automatisk afspilning:
<param name="autostart" value="false">. Hvis afspilningen skal startes automatisk, så skal du ændre "false" til "true".

Jeg har lavet et par tomme linjer i kodeeksemplerne, så du kan se, hvor du skal indsætte ekstra parametre. Parametre til Internet Explorer indsættes over den første tomme linje, mens parametre til andre browsere indsættes over den anden tomme linje. Du finder en række parametre, du kan bruge, længere nede på siden, heriblandt en parameter, der gentager afspilningen.

Indsættelse af koderne

Som beskrevet i hæftet skal du indsætte koderne manuelt i KompoZer. Det kan gøres i kildekodevisning, men det nemmeste er at placere markøren det ønskede sted på siden og så klikke på menupunktet Indsæt => HTML. Så får du åbnet en dialogboks, hvor du kan kopiere koderne fra denne side ind. Foretag dine rettelser i koden, inden du klikker på Indsæt.

Bemærk, at du ikke vil kunne se din multimedia i KompoZer. Multimedia fungerer først, når du ser siden i en browser. I stedet vises en farvet blok med en mærkat med teksten OBJECT.

Object i KompoZer

De to udråbstegn er kommentarkoder. Det er koderne, der får Internet Explorer 6 til at lukke øjnene, så lad være med at ændre dem.

Grundkoder

Her følger grundkoderne til forskellige filtyper. Du kan selv tilføje ekstra parametre eller ekstra alternativer. Du finder en række parametre længere nede på siden.

Mp3

Mp3 er velegnet til musik eller tale.

Wma

Wma er velegnet til musik eller tale, men du kan ikke være sikker på, at alle kan høre formatet. Det er især dem med alternative styresystemer eller som bruger håndholdte computere, der kan have problemer med formatet.

Midi

Midi er velegnet til musik uden sang, instrumenterne lyder dog ikke som de rigtige instrumenter.

Wave

Wave fylder forholdsvis meget, og er derfor kun velegnet til små lydeffekter. Mp3 er normalt et bedre valg, også til lydeffekter.

Mpg

Mpg er beregnet til video. Formatet fylder forholdsvis meget, og er derfor ikke optimalt med hensyn til båndbredde og overførselstid. Til gengæld kan du være sikkert på, at stort set alle kan se formatet.

Wmv

Wmv er er beregnet til video. Det er betydeligt bedre komprimeret end mpg-formatet, og derfor bedre velegnet med hensyn til båndbredde og overførselstid. Til gengæld kan du ikke være sikker på, at alle kan se det. Det er især brugere med alternative styresystemer og håndholdte computere, der kan have problemer med formatet.

Asf

Asf er er beregnet til lyd og/eller video. Det er betydeligt bedre komprimeret end wav- og mpg-formatet, og derfor bedre velegnet med hensyn til båndbredde og overførselstid. Til gengæld kan du ikke være sikker på, at alle kan høre/se formatet. Det er især brugere med alternative styresystemer og håndholdte computere, der kan have problemer med formatet. Asf adskiller sig ikke fra wma- og wmv-formaterne, der skal blot benyttes en anden mime-type (værdien i type).

Mov

Mov er beregnet til video. Det er betydeligt bedre komprimeret end mpg-formatet, og derfor bedre velegnet med hensyn til båndbredde og overførselstid. Til gengæld kan du ikke være sikker på, at alle kan se det. Den besøgende skal have installeret Apples Quicktime plugin eller et alternativt plugin for at kunne se mov-filer. Færre vil kunne se mov-formatet end asf- og wmv-formatet.

Avi

Avi er reelt ikke et filformat, men blot en container til video, der kan være lavet i forskellige filmformater. Jeg har valgt ikke at lave et kodeeksempel til avi, da du ikke bør bruge avi, medmindre du har helt styr på formater og codecs. Brug i stedet et af de andre videoformater, eller pak din film ind i Flash.

Flash

Flash kan bruges til alle former for multimedia, fx animationer, menusystemer på en hjemmeside, lyd og video. Kvaliteten på video er ikke den bedste, til gengæld kan stort set alle se Flash.

Som standard vises Flash uden kontrolpanel til afspilning. Og det er jo fint nok, når det gælder animationer eller menusystemer på en hjemmeside. Men det er knap så praktisk, når det gælder afspilning af film. Heldigvis er der nogle, som har lavet afspillere med et kontrolpanel, som du kan benytte, se længere nede.

Her først koden til Flash uden kontrolpanel. Bemærk, at Flashen startes automatisk, hvilket også er mest praktisk til fx menusystemer og lignende.

Jeroen Wijering har lavet en Flash-afspiller, der indeholder et kontrolpanel, og som kan afspille dine Flash-filer. Afspilleren er gratis til privat brug, men koster 20 euro til kommercielt brug. Du kan sikkert selv finde andre afspillere ved at søge på Google.

Du kan downloade Jeroen Wijerings Flash-afspiller fra hans hjemmeside. Pak filen op, og overfør filen mediaplayer.swf til dit webhotel. Du kan herefter bruge nedenstående kode til at få afspilleren til at spille din Flash-fil.

Koden starter Flash-afspilleren, og indeholder samtidig nogle parametre, der fortæller Flash-afspilleren, hvad din Flash hedder samt dens bredde og højde. Bemærk, at du skal angive bredde og højde to steder - eller rettere fire steder, fordi de skal angives to gange i såvel Internet Explorer-koden som i koden til andre browsere.

Det er muligt at angive en række parametre til afspilleren. Jeg har fx medtaget én, der gør det muligt at få vist Flashen i fuld skærm. Der findes mange flere parametre, fx til at benytte en spilleliste, men de angives lidt anderledes end ved almindelige parametre. De skal "klistres" på parameteren med bredde, højde og filnavn. I dette eksempel har jeg tilføjet koden til automatisk afspilning:
<param name="flashvars" value="height=300&width=400& file=filnavn.swf&autostart=true">

Jeg har lavet linjeskift i ovenstående kode på grund af sidens begrænsede bredde. Du må ikke indsætte linjeskift i koden, når du indsætter den, da den så ikke vil virke korrekt.

Du kan finde en oversigt over mulige parametre på Jeroen Wijerings hjemmeside. Afspilleren giver dig også mange flere muligheder, end dem jeg nævner her. Det kan dog være lidt nørdet at hitte rede i det hele, omend der er masser af hjælp på hjemmesiden (på engelsk).

Bemærk, at Jeroen Wijering angiver en anden metode til at indsætte Flash-afspilleren på en hjemmeside. Han har endda lavet en speciel kodegenerator, hvilket er ganske smart, men desværre overholder hans metode ikke internettets standarder. Jeg vil derfor anbefale, at du benytter ovenstående metode.

Denne side er lavet som tilbehør til kapitel 11 i hæftet Hjemmesider med KompoZer fra forlaget Libris.

Hæftets hjemmeside

Kodestandarder

Der findes flere forskellige standarder for hjemmesider. Koderne på denne side overholder standarden html 4.01 transitional.

Hvis du ønsker at lave siden efter standarden XHTML, skal du ændre lidt i koderne. I XHTML skal alle tags afsluttes, så hvis der ikke er et decideret afslutningstag, som fx </object>, så skal du indsætte en afslutning i tagget. Det gælder fx parametertaggene på denne side, der skal afsluttes med " />", altså mellemrum, skråstreg, større end-tegn.

Eksempel:
<param name="autostart" value="false" />

Lidt reklame

Når jeg nu har denne lange spalte, kan jeg jo lige så godt udnytte den til lidt reklame for mine andre hjemmesider.

Polimiken

Polimiken er en satirisk avis, der ligner en vis anden dansk avis, omend artiklerne ikke helt svarer til dem, man finder i andre aviser. Avisens motto er: Polimiken tør, hvor selv Ekstra Bladet tier.

Læs fx om et farligt tilsætningsstof i fødevarer, om en ny opdagelse, der vender op og ned på evolutionsteorien, og om Anders Fogh Rasmussen, der fortryder alt.

Du finder også Danmarks mest præcise horoskop i Polimiken - for slet ikke at nævne de lækre forsidepiger!

ordforklaring.dk

ordforklaring.dk hjælper med at udrydde misforståelser, når det gælder ord, ordsprog og vendinger.

Du kan fx læse om, hvad en nymfoman er, hvordan skotterne i gamle dage kunne bruge deres elskede sækkepiber, selvom de ikke havde luft nok til at blæse i dem, og hvor praktisk modstandsbevægelsen var under anden verdenskrig.

Ludvigs Hjørne

På Ludvigs Hjørne kan du finde artikler og trin for trin-guider, der kan hjælpe dig med at bruge Windows og en række forskellige programmer.

Hjemmesiden indeholder også et forum, hvor du er velkommen til at spørge, hvis du har problemer med KompoZer eller andre ting i det elektroniske univers.

Parametre

Du kan bruge parametre til dine multimedia-filer, så de fx bliver gentaget efter endt afspilning. Du får her en oversigt over en række praktiske parametre, du kan indsætte i koden. Parametre til Internet Explorer skal indsættes lige før den første tomme linje i grundkoden, mens parametre til andre browsere skal indsættes lige før den anden tomme linje i grundkoden.

Nogle parametre kan kun bruges i Internet Explorer-koden, dem har jeg farvet blå. Nogle kan kun bruges i den alternative kode, dem har jeg farvet grønne. Og nogle parametre kan bruges til begge koder, den ene jeg har med her har jeg farvet rød. Du skal dog være opmærksom på, at parametrene ikke kan bruges i alle tilfælde. Om en parameter kan bruges afhænger dels af pluginnet, og dels af filtypen. De grønne parameterkoder er især rettet mod QuickTime-pluginnet, der ofte bruges i alternative browsere.

Nedenstående oversigt er langt fra udtømmende, jeg har blot valgt at bringe de mest almindelige parametre. I de tilfælde, hvor der er flere værdi-muligheder, har jeg i koden angivet den værdi, der bruges som standard.

Parameter	Virkning
<param name="uiMode" value="full">	Mulige værdier: invisible, none, mini og full. Giver mulighed for forskellige udgaver af kontrolpanelet.
<param name="Volume" value="Last Setting">	Angiver lydstyrke. Mulige værdier: Last setting (sidste valg), 0 og op til 100, hvor 100 er fuld styrke.
<param name="PlayCount" value="1">	Mulige værdier: tallet 1 og højere tal. Angiver, hvor mange gange filen skal afspilles.
<param name="AutoStart" value="true">	Angiver, om filen skal afspilles automatisk. Mulige værdier true (afspiller automatisk) og false.
<param name="controller" value="true">	Viser eller skjuler afspillerens kontrolpanel. Mulige værdier: true (viser panelet) og false.
<param name="loop" value="false">	Gentager afspilningen. Mulige værdier: true (gentager afspilning) og false.
<param name="QTNEXT1" value="<filnavn.mp3> T <myself>">	Laver en spilleliste. Udskift filnavn.mp3 med navnet på den næste fil, der skal afspilles. Du kan bruge parameteren flere gange, bare du giver dem fortløbende numre, altså QTNEXT1, QTNEXT2 osv.
<param name="hidden">	Skjuler afspilleren.
<param name="showlogo" value="true">	Gør det muligt at skjule QuickTime-logoet, mens afspilleren startes. Mulige værdier: true (viser logo) og false.
<param name="volume" value="100">	Angiver lydstyrke. Mulige værdier: 0 (stilhed) og op til 100.

Du kan finde flere parametre til QuickTime på Apples hjemmeside, og du kan finde flere parametre til Windows Media Player-pluginnet på W3schools hjemmeside. Hvis din multimedia-fil benytter et andet plugin end Windows Media Player eller QuickTime, kan du sandsynligvis finde oplysninger om mulige parametre på pluginnets hjemmeside.

Multimedia påhjemmesiden

Kodefarver

Filnavn

Id

Bredde og højde

Alternativ

Parametre

Indsættelse af koderne

Grundkoder

Mp3

Wma

Midi

Wave

Mpg

Wmv

Asf

Mov

Avi

Flash

Hæftets hjemmeside

Kodestandarder

Lidt reklame

Polimiken

ordforklaring.dk

Ludvigs Hjørne

Parametre

Tilbage til hæftets hjemmeside

Multimedia på
hjemmesiden