Article de reference

Audio HTML

L'audio HTML est un sujet de la spécification HTML, intégrant l'audio, y compris la transcription vocale, le tout dans le navigateur. _element"> _element"> < audio > élément Cet...

< audio > élément

Cet élément représente un son, ou un flux audio. Il est couramment utilisé pour lire un fichier audio unique au sein d'une page web, affichant un widget d'interface graphique avec des commandes de lecture/pause/volume.

  • preload = "none" ou "metadata" ou "auto" ou "" (chaîne vide) ou vide Représente une indication à l'agent utilisateur sur la pertinence du téléchargement optimiste du flux audio lui-même ou de ses métadonnées.
    • "none" : Indique à l'agent utilisateur que l'utilisateur ne devrait pas avoir besoin du flux audio, ou qu'il est souhaitable de minimiser le trafic inutile.
    • "metadata" : Indique à l'agent utilisateur que l'utilisateur n'est pas censé avoir besoin du flux audio, mais que la récupération de ses métadonnées (durée, etc.) est souhaitable.
    • "auto" : Indique à l'agent utilisateur que le téléchargement optimiste de l'intégralité du flux audio est considéré comme souhaitable.
  • controls = "controls" ou "" (chaîne vide) ou vide Indique à l'agent utilisateur d'exposer une interface utilisateur pour contrôler la lecture du flux audio.
  • loop = "loop" ou "" (chaîne vide) ou vide Indique à l'agent utilisateur de revenir au début du flux audio lorsqu'il atteint la fin.
  • mediagroup = chaîne de caractères Indique à l'agent utilisateur de lier plusieurs flux vidéo et/ou audio.
  • muted = "muted" ou "" (chaîne vide) ou vide Représente l'état par défaut du flux audio, pouvant potentiellement remplacer les préférences de l'utilisateur.
  • src = [URL] non vide, potentiellement entourée d'espaces. L'URL du flux audio.
  • Exemple :

    type = "audio/mp4" /> < source src = "https://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga" type = " audio / ogg ; codecs=vorbis" / > <p> Votre navigateur ne prend pas en charge l'élément audio HTML5 . </p> </audio>

    Supprimé

    Formats de codage audio pris en charge

    L'adoption de l'audio HTML, tout comme celle de la vidéo HTML , est devenue un sujet de discorde entre les partisans des formats libres et ceux des formats protégés par brevet . En 2007, la recommandation d'utiliser Vorbis a été retirée de la spécification HTML5 par le W3C, de même que celle d'utiliser Ogg Theora , en raison de l'absence d'un format accepté par tous les principaux navigateurs.

    Apple et Microsoft prennent en charge les formats AAC et MP3 , définis par les normes ISO / CEI . Mozilla et Opera prennent en charge le format Vorbis , libre de droits et ouvert , dans les conteneurs Ogg et WebM , et critiquent le caractère protégé par des brevets des formats MP3 et AAC, garantis « non libres ». Google prend en charge, à ce jour, tous les formats courants.

    La plupart des fichiers AAC de longueur finie sont encapsulés dans un conteneur MPEG-4 (.mp4, .m4a), pris en charge nativement par Internet Explorer, Safari et Chrome, et par le système d'exploitation dans Firefox et Opera. La plupart des flux AAC en direct de longueur infinie sont encapsulés dans un conteneur Audio Data Transport Stream (.aac, .adts), pris en charge par Chrome, Safari, Firefox et Edge. PCM non compressé dans un conteneur WAV E.

    En 2012, le format Opus, libre et ouvert, a été publié et normalisé par l'IETF . Il est pris en charge par Mozilla, Google, Opera et Edge.

    Ce tableau documente la prise en charge actuelle des formats de codage audio par l' élément.<audio>

    Formats pris en charge par différents navigateurs Web
    FormatRécipientType MIMEChromeInternet ExplorerBordFirefoxOpéraSafari
    PCMWAVaudio/wavMP3MP3audio/mpegIE9AACMP4audio/mp4IE9ADTS audio/aac audio/aacpVorbisOggaudio/oggles composants Xiph QuickTime ( macOS 10.11 et versions antérieures)
    WebMaudio/webmOpusOggaudio/oggWebMaudio/webmmacOS Monterey
    CAFaudio/x-cafmacOS High Sierra
    FLACFLACaudio/flacOggaudio/oggle W3C décrit une API JavaScript de haut niveau pour le traitement et la synthèse audio dans les applications web. Le paradigme principal repose sur un graphe de routage audio, où plusieurs objets AudioNode sont interconnectés pour définir le rendu audio global. Le traitement proprement dit a lieu principalement dans l'implémentation sous-jacente (généralement du code assembleur/C/C++ optimisé), mais le traitement et la synthèse directs en JavaScript sont également pris en charge.

    Le navigateur Firefox de Mozilla implémente une extension similaire à l'API Audio Data depuis la version 4, implémentée en 2010 et publiée en 2011. Cependant, Mozilla avertit qu'elle n'est pas standard et est obsolète, et recommande plutôt l'API Web Audio . Certaines bibliothèques JavaScript de traitement et de synthèse audio, telles qu'Audiolet le 28 janvier 2013 sur la Wayback Machine), prennent en charge les deux API.

    Le groupe de travail audio du W3C examine également la spécification de l'API de traitement MediaStream développée par Mozilla . Outre le mixage et le traitement audio, elle couvre la diffusion multimédia en général, notamment la synchronisation avec les éléments HTML, la capture des flux audio et vidéo et le routage pair à pair de ces flux multimédias.

    Navigateurs compatibles

    Sur PC :

    • Google Chrome 10 (Activé par défaut depuis la version 14 )
    • Firefox 23 (Activé par défaut depuis la version 25)
    • Opéra 15
    • Safari 6
    • Microsoft Edge 12
    • Opera GX 36

    Sur les appareils mobiles :

    • Google Chrome pour Android 28 (activé par défaut depuis la version 29) et iPad d'Apple
    • Safari 6 (Utilisation restreinte (mode silencieux sauf si l'utilisateur appelle))
    • Firefox 23 (Activé par défaut depuis la version 25)
    • Tizen

    API Web Speech

    L' API Web Speech vise à fournir une méthode de saisie alternative pour les applications web (sans clavier). Grâce à cette API, les développeurs peuvent doter leurs applications web de la capacité de transcrire la voix en texte à partir du microphone de l'ordinateur. L'audio enregistré est envoyé à des serveurs vocaux pour transcription, puis le texte est affiché à l'utilisateur. L'API est indépendante de l'implémentation de reconnaissance vocale sous-jacente et prend en charge aussi bien les systèmes de reconnaissance vocale côté serveur que les systèmes embarqués. Le groupe HTML Speech Incubator a proposé l'implémentation de la technologie de reconnaissance vocale dans les navigateurs sous la forme d'API uniformes et multiplateformes . L'API comprend à la fois :

    • API de saisie vocale
    • API de synthèse vocale

    Google a intégré cette fonctionnalité à Google Chrome en mars 2011. Permettant à ses utilisateurs de rechercher sur le Web par la voix grâce à un code comme :

    / javascript" > function startSearch ( event ) { event.target.form.submit ( ) ; } </script> < form action = " http://www.google.com/search " > < input type = " search" name = " q " speech required onspeechchange = " startSearch " > </form>

    Plus d articles de Worldlex Wiki

    Revenez a l index pour explorer davantage de pages sur l histoire, la science, la culture, la geographie et la societe en francais.

    Explorer l index