HTML5 - Embedded Multimedia

I HTML5 video- og lydelementer har mange faktorer til felles, derfor objektet HTMLMediaElement definerer de grunnleggende egenskapene til hver enkelt i SOL.
Lydelementer er representert av objektet HTMLAudioElement, representerer dette objektet ingen økning i funksjonaliteten til HTMLMediaElement, på den andre siden har vi objektet HTMLVideoElement som representerer videoelementene og det motsatte av objektet HTMLAudioElement dette hvis det antar noen ekstra egenskaper på HTMLMediaElement.
Audio -elementet
Elementet Lyd lar oss legge inn lydinnhold i HTML -dokumentene våre, det er nytt i HTML5 og kan inneholde følgende attributter: autospill, forhåndsinnlasting, kontroller, sløyfe, dempet, src.
La oss se et kodeeksempel på hvordan du inkluderer et lydelement i dokumentene våre:

 Eksempel Lydinnhold kan ikke spilles av 

Vi merker at vi har en etikett, der vi definerer attributtet kontroller slik at vi kan ha knappene som lar oss manipulere avspillingen av filen, med src vi angir banen til lydfilen og til slutt Auto spill, å være tilstede indikerer at filen skal spilles av når dokumentet er lastet inn.
Som vi kan se, er det noe ganske enkelt å håndtere. La oss se i bildet nedenfor hvordan det ville se ut i nettleseren vår:

Få multimedieinformasjon
Som vi hadde nevnt i begynnelsen, med objektet HTMLMediaElement vi har gruppert de vanlige lyd- og videokarakteristikkene, og at i tilfelle av video ble noen ekstra egenskaper økt.
Informasjonen vi kan få med dette objektet er følgende:

• Auto spill Den forteller oss om den automatiske gjengivelsen av filen er aktivert eller ikke.
• canPlayType() forteller oss om nettleseren kan reprodusere den angitte filen.
• currentSrc lar deg vite gjeldende kilde til filen.
• kontroller lar oss vite eller etablere tilstedeværelsen av avspillingskontrollene på filen eller ikke.
• default Dempet angir eller angir om filen skal starte med volumet helt stille.
• Løkke angir eller angir om filen skal sløyfes.
• dempet senk filvolumet
• forhåndslast angir eller angir at filen skal lastes inn før den spilles av når siden lastes inn.
• src angir eller angir banen til mediefilen.
• volum angir eller angir volumet på filavspillingen.

Som vi indikerte, har videoelementet noen ekstra egenskaper, la oss se hva de er nedenfor:

• høyde angir eller angir høyden.
• plakat angir eller angir verdien for plakatattributtet som vi kan plassere et forsidebilde for videoen med
• videoHøyde indikerer eller angir høyden på videoen.
• videobredde indikerer eller angir bredden på videoen
• bredde angir eller angir bredden.

I følgende kode vil vi se hvordan vi kan skaffe informasjon fra disse elementene og hvordan vi kan vise dem i dokumentet vårt for å se det i nettleseren:

 Eksempelvideo kan ikke vises 
 
Eiendom
Verdi

 

 

For å fullføre denne opplæringen, la oss se hva nettleseren viser oss med denne koden:

FORSTØRRE

Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng