Heim > Artikel > Web-Frontend > Xiaoqiangs Weg zur mobilen HTML5-Entwicklung (15) – Audio in HTML5

Xiaoqiangs Weg zur mobilen HTML5-Entwicklung (15) – Audio in HTML5

黄舟Original: 2017-01-22 11:43:591446Durchsuche

Obwohl sich Browser rasant weiterentwickeln, sind die Standards in Browsern noch unvollkommen. Das Problem, das vielen Programmierern Kopfzerbrechen bereitet, ist derzeit die Browserkompatibilität. Es gibt immer noch keinen Standard für die Wiedergabe von Video und Audio auf Webseiten. Heutzutage wird Audio in den meisten Browsern über Plug-Ins (z. B. Flash-Plug-Ins) abgespielt. Allerdings verfügen nicht alle Browser über solche Plug-Ins, was zu gewissen Problemen bei der Audiowiedergabe führt. Der neue HTML5-Standard schreibt eine Standardmethode zum Einbinden von Audio über das Audioelement vor. Schauen wir uns dieses Tag genauer an.

1. Unterstützung für Audioformate

Derzeit unterstützt das Audioelement drei Audioformate

Xiaoqiangs Weg zur mobilen HTML5-Entwicklung (15) – Audio in HTML5

<!DOCTYPE html>   
<html>   
    <body>   
        <audio src="http://www2.shengda.edu.cn/ytw/gbzx/photo/bgmusic.mp3" controls="controls">  
        您的浏览器不支持该HTML5标签  
        </audio>  
    </body>   
</html>

Xiaoqiangs Weg zur mobilen HTML5-Entwicklung (15) – Audio in HTML5

Das Steuerattribut zeigt die Konsole an

eingefügte Inhalt ist für Browser, die das Audioelement nicht unterstützen Angezeigt

Um andere Browser auszuführen und zu unterstützen, verwenden Sie die folgende Methode

<audio controls="controls">  
  <source src="song.ogg" type="audio/ogg">  
  <source src="song.mp3" type="audio/mpeg">  
Your browser does not support the audio tag.  
</audio>

3. Attribute des Audio-Tags

Xiaoqiangs Weg zur mobilen HTML5-Entwicklung (15) – Audio in HTML5

Das Obige ist der Inhalt von Xiaoqiangs HTML5-Entwicklungsstraße für Mobilgeräte (15) – Audio in HTML5. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn).

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Ausführliche Erläuterung des HTML5-Video-TagsNächster Artikel：Ausführliche Erläuterung des HTML5-Video-Tags

In Verbindung stehende Artikel

Mehr sehen