Analyse von Audio (Audio) in HTML5

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 b97864c2e0ef2353a16c4d64c7734e92 eingefügte Inhalt dient der Anzeige durch Bei Browsern, die das Audioelement nicht unterstützen, kann das Quellelement verschiedene Audiodateien verknüpfen, um das Problem der Browserkompatibilität mit Audioformaten zu lösen. Im Folgenden werden zwei Quellelemente verwendet, um die Audiowiedergabe durch die oben genannten fünf Browser zu ermöglichen. Der einfache Code lautet wie folgt:

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

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>

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 ad68ae2ec39a8f78a87ebb67fa598c57-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!