Medien mit HTML5-Video-und Audio-Tags

Unter den Nachrichten, dass die "HTML 5 bietet als frühere Versionen, gibt es die Möglichkeit, direkt die dedizierte Multimedia-Inhalte via Tags.
Bisher erforderte die Aufnahme dieser Art von Inhalten innerhalb einer HTML-Seite, in den meisten Fällen den Einsatz von externen Dateien (nicht Standard) wie Adobe Flash. Die Alternative zu Flash haben sehr restriktive Bedingungen in Bezug auf Multimedia, den heutigen Bedingungen für ungeeignet zu den Mindestanforderungen von vielen Diensten des Web 2.0 (man denke z. B. YouTube) erfuellen unterzogen.

Mit dem Aufkommen dieser Funktionen sind in die HTML5 Sprache integriert. Die wichtigsten Tags, die relevant für Multimedia sind:

• <audio>
• <video>

Bezugnehmend auf den offiziellen W3C-Referenz veranschaulichen die Verwendung dieser Tags riferrimento tun, auch aus praktischen Beispielen.

Der Tag <audio>

Der Tag <audio> definiert alles, was mit Ton zu tun hat, zum Beispiel Musik oder andere Geräusche.

Zusätzlich zu den Standard-Attribute (die Liste lässt sich problemlos über das Netz, zum Beispiel auf der Website w3cschools.com ) die Audio-Tag unterstützt die folgenden speziellen Eigenschaften:

• Autoplay: Wenn dieses Attribut vorhanden ist, wird das Spiel automatisch spielen die Audio-Datei;
• Kontrollen: Wenn erklärt wird angezeigt Steuerelemente wie Play und Stop-Tasten;
• Schleife: Wenn verwendet, bestimmt die Schleife (Wiederholung) von Musik-Dateien, wenn Sie fertig;
• Vorspannung: falls vorhanden, die Audio-Datei wird vorgeladen werden, wenn die Seite geladen wird, so bereit zu sein, ohne Erwartungen zu spielen. Wenn die Autoplay-Attribut deklariert wird, ist preload ignoriert;
• src: Gibt den URL der Audio-Datei zu spielen.

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



  



 Ihr Browser unterstützt kein Audio mit HTML5 verwaltet.







 </ Audio>

Der Tag unterstützt auch <audio> die Fähigkeit, mehr als eine Quelle, in welchem ​​Fall das src-Attribut weggelassen wird zu verwalten und zu lauern im <audio> tags, tags <source> dies:

 <Audio controls="controls">



  



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



  



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



  



 Ihr Browser unterstützt kein Audio mit HTML5 verwaltet.







 </ Audio>

Hinweis: Derzeit unterstützt Audio-Formate sind MP3, WAV und OGG.

Unten ist ein Screenshot mit Firefox gemacht:

• <<
• 1
• 2
• >>