<audio> Lydformater - HTML

<audio> kan afspille de formater browseren understøtter. OGG (Vorbis), MP3 (MPEG-1 Audio Layer 3), Wave (PCM), AAC (MPEG-4 AAC), OGG (Opus), WebA (Vorbis)

Introduktion

<audio> bruges til at afspille lyd på en hjemmeside uden brug af browser-plugins.

Lydformater

Her ses nogen af de mest understøttede lydformater.
Kaldenavn Container Codec Anbefalede filendelse Alternativ filendelse MIME type
OGG OGG Vorbis .oga .ogg audio/ogg
MP3 MPEG-1 MPEG-1 Audio Layer 3 .mp3 audio/mpeg
Wave Waveform Audio File Format PCM 1 .wav audio/wave 2
audio/x-wav
AAC MPEG-4 MPEG-4 AAC Audio .m4a .mp4a
.aac
audio/mp4
Opus 3 OGG Opus .opus audio/ogg
WebA? WebM Vorbis .weba audio/webm


1 Det lader til at lyden skal være encoded med 8 eller 16 bit og constant bit rate i Firefox for eksempel.

2 Chrome og Opera (webkit) vil ikke afspille filer med type="audio/wave" men vil gerne afspille type="audio/wav" og type="audio/x-wav" eller hvis type attributten ikke er brugt.

3 Læs mere om Opus på opus-codec.org hvor du også kan downloade program til at encode Opus filer.
Kan angives mere specifikt med type='audio/ogg; codecs="opus"'.

Browserunderstøttelse af lydformater

Browser OGG
(.oga)
MP3
(.mp3)
Wave
(.wav)
AAC
(.m4a)
Opus
(.opus)
WebA
(.weba)
Firefox logo
Firefox 25.0
ja ja1 ja ja1 ja ja
Opera logo
Opera 17.0
ja nej ja2 nej nej6 ja
Safari logo
Safari 5.1.7
nej ja3 ja3 ja3 nej nej
Chrome logo
Chrome 30.0.1599.69 m
ja ja ja2 ja nej4 ja
Internet Explorer logo
Internet Explorer 10.0.9200.16540
nej ja nej ja5 nej nej
Alle tests er udført på Windows 7 (64-bit)


1 Firefox har ikke indbygget understøttelse af MP3 og AAC men kan afspille hvis OS eller hardware kan. MP3 og AAC understøttes på Windows Vista og senere hvis about:config?filter=windows-media-foundation er sat til true (hvilket skulle være standardindstilling i både Vista og 7+ fra Firefox 22.0). Samt Android og Firefox OS. Læs mere på mozilla.org.

2 Chrome og Opera (webkit) vil ikke afspille type="audio/wave" men vil gerne afspille type="audio/wav" og type="audio/x-wav" eller hvis type attributten ikke er brugt.

3 Kræver at QuickTime er installeret (i hvert fald på Windows).

4 Kan aktiveres i chrome://flags/ ved Aktivér Opus-afspilning i <video>-elementer..

5 Internet Explorer 10 vil kun afspille hvis MIME typen er angivet som audio/mp4. Browseren vil hverken afspille MIME type audio/aac eller audio/x-aac.

6 Kan aktiveres i opera://flags/ ved Enable Opus playback in <video> elements.


Browserunderstøttelse fra caniuse.com :

MIME type

Lydfilerne skal sendes med korrekte MIME type af HTTP serveren.

.oga filer skal for eksempel sendes med MIME typen audio/ogg.

Hvis der ikke er valgt nogen MIME type for filendelserne kan det betyde at filen sendes med MIME typen text/plain hvilket så kan betyde at browseren ikke kan afspille lydfilerne.

Læs mere på AddType og MIME type hvis du bruger Apache som HTTP server.

OGG Vorbis

OGG (Vorbis) lyd kan afspilles i Firefox, Opera og Chrome.

Firefox logoOpera logoSafari logo sort/hvidChrome logoInternet Explorer logo sort/hvid
Resultatet ovenfor er skabt af følgende kode

MPEG-1 Audio Layer 3

MP3 (MPEG-1 Audio Layer 3) lyd kan afspilles i Safari, Chrome og Internet Explorer.
MP3 (MPEG-1 Audio Layer 3) lyd kan afspilles i Firefox hvis OS eller hardware understøtter det.

Firefox logoOpera logo sort/hvidSafari logoChrome logoInternet Explorer logo
Resultatet ovenfor er skabt af følgende kode

Waveform Audio File Format PCM

Wave (PCM) lyd kan afspilles i Firefox, Opera, Safari og Chrome.

Firefox logoOpera logoSafari logoChrome logoInternet Explorer logo sort/hvid
Resultatet ovenfor er skabt af følgende kode

MPEG-4 AAC

AAC (MPEG-4 AAC) lyd kan afspilles i Safari, Chrome og Internet Explorer.
AAC (MPEG-4 AAC) lyd kan afspilles i Firefox hvis OS eller hardware understøtter det.

Firefox logoOpera logo sort/hvidSafari logoChrome logoInternet Explorer logo
Resultatet ovenfor er skabt af følgende kode

OGG Opus

OGG (Opus) lyd kan afspilles i Firefox.

Firefox logoOpera logo sort/hvidSafari logo sort/hvidChrome logo sort/hvidInternet Explorer logo sort/hvid
Resultatet ovenfor er skabt af følgende kode

WebM Vorbis

WebM (Vorbis) lyd kan afspilles i Firefox, Opera og Chrome.

Firefox logoOpera logoSafari logo sort/hvidChrome logoInternet Explorer logo sort/hvid
Resultatet ovenfor er skabt af følgende kode

Flere lydkilder med source

<audio> med 2 eller flere <source> kan afspilles i Firefox, Opera, Safari, Chrome og Internet Explorer.

Firefox logoOpera logoSafari logoChrome logoInternet Explorer logo

Ved at bruge <source> kan man angive flere kilder.
På den måde kan man afspille lyden i alle browserne selvom de ikke understøtter samme format.

Så vil browseren afspille den første <source> hvis format den genkender.

For eksempel OGG (Vorbis) og MP3 (MPEG-1 Audio Layer 3).
Eller OGG (Vorbis) og MP4 (MPEG-4 AAC).
Resultatet ovenfor er skabt af følgende kode

Næste side

Skriv din kommentar

Spørg mig om hvad som helst
Du kan også skrive direkte til mig på
Stem
Søg
Language

Select English to navigate the website in English. Things like the navigation menu and contact form will be in English, but the main content on each page will not be translated.