Analyse de l'audio (audio) en html5

Le contenu partagé avec vous dans cet article concerne l'analyse de l'audio (audio) en HTML5. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Utiliser un arrière-plan audio HTML5

Jusqu'à présent, il n'existait aucune norme pour la lecture audio sur les pages Web. Aujourd'hui, la plupart des fichiers audio sont lus via des plug-ins tels que Flash. Cependant, tous les navigateurs ne disposent pas des mêmes plugins. HTML5 spécifie une manière standard d'inclure de l'audio via l'élément audio, qui peut lire un fichier son ou un flux audio.

Format audio

Actuellement, l'élément audio prend en charge trois formats audio : Ogg Vorbis, Mp3 et Wav. La prise en charge du navigateur de formats audio est la suivante :

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

<.>

Utiliser l'audio pour implémenter la lecture audio

L'attribut Controls de l'élément audio est utilisé pour ajouter des commandes de lecture, de pause et de volume. Le contenu inséré entre b97864c2e0ef2353a16c4d64c7734e92 Dans les navigateurs qui ne prennent pas en charge l'élément audio. , l'élément source peut lier différents fichiers audio pour résoudre le problème de compatibilité du navigateur avec les formats audio. Deux éléments source sont utilisés ci-dessous pour permettre aux cinq navigateurs ci-dessus de lire l'audio. Le code simple est le suivant :

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

Utilisez Dom pour faire fonctionner l'audio

Utilisez des boutons personnalisés pour implémenter les fonctions de lecture et de pause de l'attribut de contrôle. Le code. est la suivante :

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

Conversion du format audio (convertir le format Wav au format MP3)

1. Téléchargez d'abord ffmpeg, entrez l'URL www.ffmpeg.org (URL open source), entrez Windows pour télécharger le document de la version Windows.

2. Décompressez le fichier compressé ffmpeg (prenez ffmpeg-20180803-5aeb3b0-win32-static.zip comme exemple) et ajoutez le chemin du répertoire ffmpegbin au chemin de la variable d'environnement (G:mydeveloperapplicationhbuilderhtml5ffmpeg-20180803). -5aeb3b0-win32-staticbin).

3. Après avoir défini les variables d'environnement, tapez ffmpeg dans le formulaire de commande DOS pour tester s'il peut s'exécuter.

4. Basculez vers le répertoire où se trouve le fichier audio mp3 dans la fenêtre de commande DOS, et enfin tapez ffmpeg -i 1002_c.wav -f mp3 -acodec libmp3lame -y 2.mp3 (voici 1002_c. wav Changez-le en 2.mp3).

5. Conversion ffmpeg d'autres formats audio et commandes courantes.

Articles connexes recommandés :

Analyse de l'élément vidéo (vidéo) en html5

L'utilisation des éléments 53207a333cb59025d48bd080b9112b21 svg et Introduction aux attributs des marqueurs

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!