HTML5 - Embedded Multimedia

I HTML5 video- og lydelementer har mange faktorer til fælles, derfor objektet HTMLMediaElement definerer de grundlæggende egenskaber ved hver enkelt i SOL.
Lydelementer repræsenteres af objektet HTMLAudioElement, dette objekt repræsenterer ikke nogen stigning i funktionaliteterne i HTMLMediaElement, på den anden side har vi objektet HTMLVideoElement repræsenterer videoelementerne og det modsatte af objektet HTMLAudioElement dette, hvis det antager nogle yderligere egenskaber på HTMLMediaElement.
Lydelementet
Elementet Lyd giver os mulighed for at integrere lydindhold i vores HTML -dokumenter, det er nyt i HTML5 og kan indeholde følgende attributter: autoplay, forudindlæsning, kontroller, loop, dæmpet, src.
Lad os se et kodeeksempel på, hvordan man inkluderer et lydelement i vores dokumenter:

 Eksempel Lydindhold kan ikke afspilles 

Vi bemærker, at vi har en etiket, hvor vi definerer attributten kontroller så vi kan have de knapper, der giver os mulighed for at manipulere afspilningen af ​​filen, med src vi angiver stien til lydfilen og endelig automatisk afspilning, at være til stede, angiver, at filen skal afspilles, når dokumentet indlæses.
Som vi kan se, er det noget ganske enkelt at håndtere, lad os se i følgende billede, hvordan det ville se ud i vores browser:

Få multimedieinformation
Som vi havde nævnt i begyndelsen, med objektet HTMLMediaElement vi har samlet de almindelige lyd- og videokarakteristika, og at i tilfældet med video blev nogle yderligere egenskaber forøget.
De oplysninger, vi kan få med dette objekt, er følgende:

• automatisk afspilning Den fortæller os, om den automatiske gengivelse af filen er aktiveret eller ej.
• canPlayType() fortæller os, om browseren er i stand til at gengive den angivne fil.
• nuværendeSrc fortæller dig den aktuelle kilde til filen.
• kontroller giver os mulighed for at kende eller fastslå, om afspilningskontrollerne på filen er til stede eller ej.
• defaultMuted angiver eller angiver, om filen skal starte med lydstyrken helt lydløs.
• sløjfe angiver eller angiver, om filen skal loopes.
• dæmpet sænk filvolumen
• forudindlæsning angiver eller sætter filen til at indlæse, før den afspilles, når siden indlæses.
• src angiver eller angiver stien til mediefilen.
• bind indstiller eller angiver lydstyrken for filafspilningen.

Som vi angav, har videoelementet nogle yderligere egenskaber, lad os se, hvad de er herunder:

• højde angiver eller indstiller højden.
• plakat angiver eller angiver værdien af ​​plakatattributten, som vi kan placere et coverbillede til videoen med
• videoHøjde angiver eller indstiller videoens højde.
• videobredde angiver eller indstiller videoens bredde
• bredde angiver eller indstiller bredden.

I den følgende kode vil vi se, hvordan vi kan få oplysninger fra disse elementer, og hvordan vi kan vise dem i vores dokument for at se det i browseren:

 Eksempelvideo kan ikke vises 
 
Ejendom
Værdi

 

 

For at afslutte denne vejledning, lad os se, hvad browseren viser os med denne kode:

FORSTØRRE

Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt