HTML5 - Multimedia încorporată

În HTML5 elementele video și audio au mulți factori în comun, prin urmare obiectul HTMLMediaElement definește caracteristicile de bază ale fiecăruia din SOARE.
Elementele audio sunt reprezentate de obiect HTMLAudioElement, acest obiect nu reprezintă nicio creștere a funcționalităților HTMLMediaElement, de cealaltă parte avem obiectul HTMLVideoElement reprezentând elementele video și opusul obiectului HTMLAudioElement acest lucru dacă presupune unele caracteristici suplimentare pe HTMLMediaElement.
Elementul audio
Elementul Audio ne permite să încorporăm conținut audio în documentele noastre HTML, este nou în HTML5 și poate conține următoarele atribute: redare automată, preîncărcare, controale, buclă, dezactivat, src.
Să vedem un exemplu de cod despre cum să includem un element audio în documentele noastre:

 Exemplu Conținutul audio nu poate fi redat 

Observăm că avem o etichetă, unde definim atributul controale astfel încât să putem avea butoanele care ne permit să manipulăm redarea fișierului, cu src indicăm calea către fișierul audio și în cele din urmă Redare automata, prezența indică faptul că fișierul trebuie redat la încărcarea documentului.
După cum putem vedea, este ceva destul de simplu de manevrat, să vedem în imaginea următoare cum ar arăta în browserul nostru:

Obțineți informații multimedia
După cum am menționat la început, cu obiectul HTMLMediaElement am grupat caracteristicile audio și video comune și că, în cazul videoclipurilor, au fost crescute unele caracteristici suplimentare.
Informațiile pe care le putem obține cu acest obiect sunt următoarele:

• Redare automata Ne spune dacă reproducerea automată a fișierului este activată sau nu.
• canPlayType() ne spune dacă browserul este capabil să reproducă fișierul indicat.
• currentSrc vă permite să cunoașteți sursa curentă a fișierului.
• controale ne permite să cunoaștem sau să stabilim prezența sau nu a comenzilor de redare pe fișier.
• implicit indică sau stabilește dacă fișierul ar trebui să înceapă cu volumul complet silențios.
• buclă indică sau stabilește dacă fișierul ar trebui să fie în buclă.
• dezactivat micșorați volumul fișierului
• preîncărcare indică sau setează fișierul să se încarce înainte de redare la încărcarea paginii.
• src indică sau setează calea către fișierul media.
• volum setează sau indică volumul redării fișierului.

După cum am indicat, elementul video are câteva caracteristici suplimentare, să vedem care sunt acestea mai jos:

• înălţime indică sau setează înălțimea.
• poster indică sau setează valoarea atributului posterului cu care putem plasa o imagine de copertă pentru videoclip
• videoHeight indică sau setează înălțimea videoclipului.
• lățime video indică sau setează lățimea videoclipului
• lăţime indică sau setează lățimea.

În următorul cod vom vedea cum putem obține informații din aceste elemente și cum le putem afișa în documentul nostru pentru a le vedea în browser:

 Exemplul video nu poate fi afișat 
 
Proprietate
Valoare

 

 

Pentru a finaliza acest tutorial, să vedem ce ne arată browserul cu acest cod:

MARI

V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv