Heim > Web-Frontend > H5-Tutorial > Hauptteil

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

黄舟
Freigeben: 2017-01-22 11:43:59
Original
1445 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

2

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!