HTML5 - Inbäddad multimedia

I HTML5 video- och ljudelement har många faktorer gemensamt, därför objektet HTMLMediaElement definierar de grundläggande egenskaperna för var och en i SOL.
Ljudelement representeras av objektet HTMLAudioElement, detta objekt representerar ingen ökning av funktionaliteten hos HTMLMediaElement, på andra sidan har vi föremålet HTMLVideoElement som representerar videoelementen och motsatsen till objektet HTMLAudioElement detta om det antar några ytterligare egenskaper på HTMLMediaElement.
Ljudelementet
Elementet Audio tillåter oss att bädda in ljudinnehåll i våra HTML -dokument, det är nytt i HTML5 och kan innehålla följande attribut: autospelning, förladdning, kontroller, loop, dämpad, src.
Låt oss se ett kodexempel på hur man inkluderar ett ljudelement i våra dokument:

 Exempel Ljudinnehåll kan inte spelas upp 

Vi märker att vi har en etikett, där vi definierar attributet kontroller så att vi kan ha knapparna som gör att vi kan manipulera uppspelningen av filen, med src vi anger vägen till ljudfilen och slutligen autospela, närvarande indikerar att filen ska spelas upp när dokumentet laddas.
Som vi kan se är det något ganska enkelt att hantera, låt oss se i följande bild hur det skulle se ut i vår webbläsare:

Få multimediainformation
Som vi hade nämnt i början, med objektet HTMLMediaElement vi har grupperat de vanliga ljud- och bildegenskaperna, och att vid video ökade några ytterligare egenskaper.
Informationen som vi kan få med detta objekt är följande:

• autospela Den berättar om den automatiska återgivningen av filen är aktiverad eller inte.
• canPlayType() berättar om webbläsaren kan reproducera den angivna filen.
• currentSrc låter dig veta den aktuella källan till filen.
• kontroller tillåter oss att veta eller fastställa förekomsten eller inte av uppspelningskontrollerna i filen.
• defaultMuted anger eller anger om filen ska börja med volymen helt tyst.
• slinga anger eller anger om filen ska loopas.
• dämpad sänka filvolymen
• förspänning anger eller ställer in filen som ska laddas innan den spelas upp när sidan laddas.
• src anger eller anger sökvägen till mediefilen.
• volym anger eller anger volymen för filuppspelningen.

Som vi indikerade har videoelementet några ytterligare egenskaper, låt oss se vad de är nedan:

• höjd anger eller ställer in höjden.
• affisch indikerar eller anger värdet för affischattributet som vi kan placera en omslagsbild för videon med
• videoHöjd anger eller ställer in videoens höjd.
• videobredd anger eller ställer in videobredden
• bredd anger eller ställer in bredden.

I följande kod kommer vi att se hur vi kan få information från dessa element och hur vi kan visa dem i vårt dokument för att se den i webbläsaren:

 Exempel på video kan inte visas 
 
Fast egendom
Värde

 

 

För att avsluta den här självstudien, låt oss se vad webbläsaren visar oss med den här koden:

FÖRSTORA

Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng