..


Linki sponsorowane

Media wideo HTML5 i tagi audio

Artykuł napisany przez Stefano Cancedda
Strona 1 z 2

Wśród wiadomości, że "HTML 5 funkcji niż poprzednie wersje, istnieje możliwość bezpośredniego wywołania dedykowanych treści multimedialnych za pomocą tagów.
Wcześniej, włączenie tego typu treści na stronie HTML wymagane w większości przypadków korzystanie z zewnętrznych plików (nie standardowe), takich jak Adobe Flash. Alternatywa dla Flash poddano warunki bardzo restrykcyjne w odniesieniu do multimediów, aktualne warunki za niezdolne do spełnienia minimalne wymogi wielu usług Web 2.0 (zespoły, na przykład YouTube).

Wraz z pojawieniem się te funkcje są zintegrowane z języka HTML5. Główne znaczniki, które są istotne dla multimedialnych:

  • <audio>
  • <video>
Odnosząc się do odniesienia oficjalnej W3C ilustrują użycie tych tagów riferrimento robi, także na praktycznych przykładach.

<audio> Tag

<audio> Tag określa wszystko, co ma robić z dźwiękiem, jak na przykład, muzyki lub innych dźwięków.

Oprócz standardowych atrybutów (lista jest łatwo dostępna w sieci, na przykład na stronie w3cschools.com ) audio tag obsługuje następujące cechy szczególne:

  • Autoplay: jeśli ten atrybut jest obecny, gra automatycznie odtworzyć plik audio;
  • kontroli: jeśli są podawane, wyświetli kontroli, takich jak przyciski Play i Stop;
  • pętli: jeśli jest stosowana, określa pętli (powtórzenie) plików muzycznych po zakończeniu;
  • preload: jeśli jest obecny, pliki audio zostaną wstępnie załadowane po załadowaniu strony, tak aby być gotowy do gry bez oczekiwania. Jeśli atrybut autoodtwarzania jest zadeklarowana, preload jest ignorowana;
  • src: Określa adres URL pliku dźwiękowego do odtwarzania.





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



  



 Twoja przeglądarka nie obsługuje audio zarządzane z HTML5.







 </ Audio>



Znacznik obsługuje również <audio> możliwość zarządzania więcej niż jednego źródła, w tym przypadku atrybut src zostanie pominięty, a czai się w <audio> tagi, tagi <source> tym:





 <Ustawianie controls="controls">



  



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



  



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



  



 Twoja przeglądarka nie obsługuje audio zarządzane z HTML5.







 </ Audio>



Uwaga: obecnie obsługiwane formaty audio mp3, wav i ogg.

Poniżej jest zdjęcie wykonane z Firefox:

W tej samej kategorii ...
E-Learning
CSS (Kurs) CSS (Kurs)
Web Design i dostępności zgodnie z W3C CSS i XHTML. Począwszy od 29 €.
HTML (Kurs) HTML (Kurs)
Język znaczników dla sieci od 29 €.
Web Design (Kurs) Web Design (Kurs)
Strony Web Design z HTML, CSS i dynamicznego HTML. Od 39 €.
Linki sponsorowane