Heim > Web-Frontend > H5-Tutorial > Analyse von Audio (Audio) in HTML5

Analyse von Audio (Audio) in HTML5

不言
Freigeben: 2018-08-06 11:13:17
Original
3366 Leute haben es durchsucht

Der mit Ihnen geteilte Inhalt befasst sich mit der Analyse von Audio (Audio) in HTML5. Ich hoffe, dass er für Freunde in Not hilfreich ist.

HTML5-Audiohintergrund verwenden

Bisher gab es keinen Standard für die Audiowiedergabe auf Webseiten. Heutzutage werden die meisten Audiodaten über Plug-Ins wie Flash abgespielt. Allerdings verfügen nicht alle Browser über die gleichen Plugins. HTML5 spezifiziert eine Standardmethode zum Einbinden von Audio über das Audioelement, das eine Sounddatei oder einen Audiostream abspielen kann.

Audioformat

Derzeit unterstützt das Audioelement drei Audioformate: Ogg Vorbis, Mp3 und Wav. Dies ist die Browserunterstützung für Audioformate:

音频格式  IE 9 Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0
Ogg Vorbis    
MP3    
Wav    



Verwenden Sie den Ton Element zum Implementieren der Audiowiedergabe

Das Steuerelement des Audioelements wird zum Hinzufügen von Wiedergabe-, Pausen- und Lautstärkereglern verwendet. Der zwischen

<audio controls="controls">该浏览器不支持该格式音频的播放    
<source src="../videoAudio/1.mp3"></source>
<source src="../videoAudio/1.wav"></source>
</audio>
Nach dem Login kopieren

Verwenden Sie Dom, um Audio zu bedienen

Verwenden Sie benutzerdefinierte Schaltflächen, um die Wiedergabe- und Pausenfunktionen des Steuerattributs zu implementieren. Der Code lautet wie folgt folgt:

<button onclick="controlPlay()">播放/停止</button>
        <audio id="vioce" >该浏览器不支持该格式音频的播放
            <source src="../videoAudio/1.mp3"></source>
            <source src="../videoAudio/1.wav"></source>
        </audio>
        <script>
            var voice =document.getElementById("vioce");
            function controlPlay(){
                if(voice.paused){//判断是否停止了
                    voice.play();//播放
                } else{
                    voice.pause();//停止
                }
            }
        </script>
Nach dem Login kopieren

Konvertierung des Audioformats (WAV-Format in MP3-Format konvertieren)

1. Laden Sie zuerst ffmpeg herunter, geben Sie die URL www.ffmpeg.org (Open-Source-URL) ein und geben Sie Windows zum Herunterladen ein die Windows-Version der Datei.

2. Dekomprimieren Sie die komprimierte ffmpeg-Datei (nehmen Sie ffmpeg-20180803-5aeb3b0-win32-static.zip) und fügen Sie den Pfad des ffmpegbin-Verzeichnisses zum Pfad der Umgebungsvariablen hinzu (G:mydeveloperapplicationhbuilderhtml5ffmpeg-20180803). -5aeb3b0-win32- staticbin).

3. Geben Sie nach dem Festlegen der Umgebungsvariablen ffmpeg in das DOS-Befehlsformular ein, um zu testen, ob es ausgeführt werden kann.

4. Wechseln Sie im DOS-Befehlsfenster in das Verzeichnis, in dem sich die MP3-Audiodatei befindet, und geben Sie schließlich ffmpeg -i 1002_c.wav -f mp3 -acodec libmp3lame -y 2.mp3 ein (hier ist 1002_c. wav Ändern Sie es in 2.mp3).

5. ffmpeg-Konvertierung anderer Audioformate und gängiger Befehle.

Empfohlene verwandte Artikel:

Analyse des Video-(Video-)Elements in HTML5

Die Verwendung von -Elementen in SVG und Einführung in Markierungsattribute

Das obige ist der detaillierte Inhalt vonAnalyse von Audio (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