Heim > Web-Frontend > H5-Tutorial > Hauptteil

Detaillierte Analyse von Audio in HTML5

寻∝梦
Freigeben: 2018-08-13 18:21:08
Original
2092 Leute haben es durchsucht

Es gibt viele neue Dinge in HTML5, die sich etwas von der alten Version unterscheiden. Dieser Artikel gibt eine detaillierte Analyse der neuen Audioelemente in HTML5

HTML5 Audio (Audio)

Letzte Änderung am 1. August 2017

HTML5 bietet einen Standard zum Abspielen von Audiodateien.

Audio im Internet

Bisher gab es keinen Standard für die Audiowiedergabe auf Webseiten.

Heutzutage werden die meisten Audiodaten über Plug-Ins (z. B. Flash) abgespielt. Allerdings verfügen nicht alle Browser über die gleichen Plugins.

HTML5 spezifiziert einen Standard zum Einbetten von Audioelementen auf Webseiten unter Verwendung des

Browser-Unterstützung

Internet Explorer 9+, Firefox, Opera, Chrome und Safari unterstützen alle das

Hinweis: Internet Explorer 8 und früher Die IE-Version unterstützt das

HTML5-Audio – So funktioniert es

Um Audio in HTML5 abzuspielen, müssen Sie den folgenden Code verwenden:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>PHP中文网</title> 
</head>
<body>
<audio controls>
  <source src="/statics/demosource/horse.ogg" type="audio/ogg">
  <source src="/statics/demosource/horse.mp3" type="audio/mpeg">
Nach dem Login kopieren

Ihr Browser unterstützt das Audioelement nicht.

Steuerungsattribut wird zum Hinzufügen von Wiedergabe, Pause und Lautstärke verwendet Kontrollen.

Zwischen

Audioformate und Browserunterstützung

Derzeit unterstützt das

MIME-Typen von Audioformaten: MP3, Ogg, Wav ;

HTML5Audio-Tag:

gibt Multimedia-Ressourcen in

autoplay: Wenn dieses Attribut erscheint, wird das Audio abgespielt, sobald es fertig ist.

Steuerelemente: Wenn dieses Attribut erscheint, werden dem Benutzer Steuerelemente angezeigt, beispielsweise eine Wiedergabeschaltfläche.

Schleife: Wenn dieses Attribut vorhanden ist, wird die Wiedergabe jedes Mal neu gestartet, wenn das Audio endet.

Preload: Wenn dieses Attribut erscheint, wird das Audio beim Laden der Seite geladen und für die Wiedergabe vorbereitet. Bei Verwendung von „Autoplay“ wird dieses Attribut ignoriert.

src: URL des abzuspielenden Audios.

<audio> 与 </audio> 之间插入的内容是供不支持 audio 元素的浏览器显示的:
<audio src="song.ogg" controls="controls">
Your browser does not support the audio tag.
</audio>
Nach dem Login kopieren

Das obige Beispiel verwendet eine Ogg-Datei und ist für die Browser Firefox, Opera und Chrome geeignet.

Um sicherzustellen, dass es mit Safari funktioniert, muss die Audiodatei vom Typ MP3 oder WAV sein. Das

Audio-Element ermöglicht mehrere Quellelemente. Das Quellelement kann verschiedene Audiodateien verknüpfen. Der Browser verwendet das erste erkannte Format:

<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

[Verwandte Empfehlungen]

Grundelemente von HTML, sodass Sie HTML von Grund auf lernen können

Parsen in HTML5


Das obige ist der detaillierte Inhalt vonDetaillierte Analyse von Audio in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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