..


Link-uri sponsorizate

Mass-media cu imagini video HTML5 şi tag-uri audio

Articol scris de Stefano Cancedda
Pagina 1 din 2

Printre vestea că "HTML 5 caracteristici decât versiunile anterioare, există posibilitatea de a apela direct la conţinutul multimedia dedicate prin tag-uri.
Anterior, includerea acestui tip de conţinut în cadrul unei pagini HTML este necesar, în cele mai multe cazuri, utilizarea de fisiere externe (nu standard), cum ar fi Adobe Flash. Alternativa la Flash a fost supus unor condiţii extrem de restrictive în ceea ce priveşte multimedia, de astăzi condiţiile care urmează să fie inapt pentru a îndeplini specificaţiile minime necesare de către multe dintre serviciile de Web 2.0 (ca, de exemplu, YouTube).

Odată cu apariţia aceste caracteristici sunt integrate în limba HTML5. Tag-uri principale care sunt relevante pentru multimedia:

  • <audio>
  • <Video>
Referindu-se la referinţă W3C oficial ilustrează utilizarea acestor tag-uri riferrimento face, de asemenea, de exemple practice.

Tag-ul <audio>

<audio> Tag defineste tot ceea ce are de a face cu sunet ca, de exemplu, muzică sau alte sunete.

În plus faţă de atributele standard (lista este uşor disponibile pe net, de exemplu, pe site-ul w3cschools.com ) tag-ul audio acceptă următoarele proprietăţi specifice:

  • autoplay: în cazul în care acest atribut este prezent, jocul se va juca în mod automat fişierul audio;
  • de control: în cazul în care a declarat, se va afişa controalele, cum ar fi Redare şi butoane de oprire;
  • bucla: dacă este folosit, determină bucla (repetarea) din fişierele de muzică atunci când terminat;
  • pretensionare: dacă este prezent, fişierul audio va fi preinstalat atunci când pagină se încarcă, astfel încât să fie gata să joace fără aşteptări. În cazul în care atributul AutoPlay este declarat, preincarcarea este ignorat;
  • src: Specifică URL-ul de fişier audio pentru a juca.





 <Audio src="driin.ogg" autoplay="autoplay" controls="controls">



  



 Browser-ul dvs. nu are suport audio gestionate cu HTML5.







 </ Audio>



Tag-ul sprijină, de asemenea <audio> capacitatea de a gestiona mai mult de o sursă, în care caz, atributul src este omis, şi pândind în cadrul tag-urile <audio>, tags <source> aceasta:





 <Audio controls="controls">



  



 <source src="canzone1.ogg" type="audio/ogg">



  



 <source src="canzone2.mp3" type="audio/mpeg">



  



 Browser-ul dvs. nu are suport audio gestionate cu HTML5.







 </ Audio>



Notă: Formatele audio suportate în prezent sunt MP3, WAV şi OGG.

Mai jos este un screenshot facut cu Firefox:

În aceeaşi categorie ...
E-Learning
CSS (Curs) CSS (Curs)
Web Design şi accesibilitatea în conformitate cu W3C CSS si XHTML. Incepand de la 29 €.
HTML (Curs) HTML (Curs)
Limbajul de marcare pentru Web de la 29 €.
Web Design (Curs) Web Design (Curs)
Site-uri Web design cu HTML, CSS si HTML dinamice. De la 39 €.
Link-uri sponsorizate