Xiaoqiangs Weg zur mobilen HTML5-Entwicklung (15) – Audio in HTML5-H5-Tutorial-php.cn

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

黄舟

Freigeben： 2017-01-22 11:43:59

Original

1475 Leute haben es durchsucht

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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).