Kursusindhold
Ultimativ HTML
Ultimativ HTML
Indlejring af Lyd og Video til Rigt Medieindhold
Indlejring af lyd
Du kan bruge <audio>
elementet til at inkludere lydfiler på en webside. Lad os overveje et eksempel:
index.html
I dette eksempel:
<audio>
elementet indeholder et<source>
element, som specificerer URL'en og filtypen for lydfilen. Almindeligt understøttede formater er MP3 og OGG;controls
attributten viser standard afspilningskontroller såsom afspil, pause og lydstyrke;Hvis brugerens browser ikke understøtter lydelementet, vil en fallback-besked blive vist.
Yderligere attributter, der ofte bruges med HTML-lyd-elementet, inkluderer:
autoplay
: starter afspilning af lydfilen, så snart siden indlæses;loop
: får lydfilen til at gentage kontinuerligt;muted
: dæmper lyden som standard;volume
: angiver standard lydstyrkeniveauet for lydfilen, der spænder fra 0.0 (lydløs) til 1.0 (fuld lydstyrke).
Her er et eksempel, der demonstrerer brugen af alle disse attributter:
index.html
Videoindlejring
Du kan indlejre videofiler på en webside ved at bruge <video>
elementet. Overvej følgende eksempel:
index.html
I dette eksempel:
<video>
elementet indeholder et<source>
element, som specificerer URL'en og filtypen for videofilen. Almindeligt understøttede formater er WebM, MP4 og OGG;controls
attributten viser standard afspilningskontroller;Hvis brugerens browser ikke understøtter videoelementet, vil en fallback-besked blive vist.
Almindeligt anvendte attributter for HTML videoelementet inkluderer:
autoplay
: starter afspilning af videofilen, så snart siden indlæses;loop
: får videofilen til at gentage kontinuerligt;muted
: dæmper lyden som standard;volume
: angiver standard lydstyrkeniveauet for lydfilen, der spænder fra 0.0 (lydløs) til 1.0 (fuld lydstyrke);poster
: angiver URL'en til et billede, der skal vises som videoens miniaturebillede, før videoen afspilles;width
ogheight
: angiver bredden og højden af videospilleren i pixels.
Her er et eksempel, der demonstrerer brugen af alle disse attributter:
index.html
Bemærk
Derudover er der mange JavaScript-biblioteker og API'er tilgængelige, der giver ekstra funktionalitet til afspilning og manipulation af videoindhold på nettet.
Tak for dine kommentarer!