Voir la source de Xtof/audio

{{stub-fr}} 

Étudier comment insérer un élément ''[[audio]]''.

> L'élément HTML `<audio>` est utilisé afin d'intégrer un contenu sonore dans un document. Il peut contenir une ou plusieurs sources audio représentées avec l'attribut `src` ou l'élément [`source`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/source). S'il y a plusieurs sources, l'agent utilisateur choisira celle qui convient le mieux.

[source](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio)


=== utilisation simple ===



    <!-- Simple lecture audio -->
    <audio class="u-audio" src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" controls="controls">
    Votre navigateur ne supporte pas l'élément <code>audio</code>. Mettre ici une transcription ou un texte alternatif
    </audio>

=== exemples dans la jungle ===
==== micro.blog podcasting system ====
<article class="h-entry post">
<header>
<h1 class="p-name">Test Episode.  Macsfuture </h1>
<h2 class="headline">
<time class="dt-published" datetime="2018-04-19 22:17:00 -0400">
<a class="u-url dates" href="http://MacsFuture.micro.blog//2018/04/19/test-episode-macsfuture.html">April 19, 2018</a></time>
</h2>
</header>
<section class="e-content post-body">
<p>This is a test of the Micro.blog podcasting system.</p>
<audio src="http://MacsFuture.micro.blog/uploads/2018/9bb7e69c9e.mp3" controls />
</section>
</article>

==== [[Percolator]] ==== 

[[Percolator]] est le microcast d'{{aaronpk}}

<audio class="u-audio" src="https://percolator.today/media/Episode_20.mp3" controls>
</audio>


{{citation-fr
| url = https://percolator.today/episode/20
| title = Episode 20: A Public Launch of Aperture?
| published = 2018-04-18
| author = {{aaronpk}}
}}

<div class="h-entry">
<div class="play-button"><a href="https://percolator.today/redirect.php?url=https%3A%2F%2Fpercolator.today%2Fmedia%2FEpisode_20.mp3" class="u-audio"></a></div>
<h2 class="p-name">Épisode 20 : Un Lancement Public d'Aperture ?</h2>
<div id="single-player-container"><audio id="audio-player" src="https://percolator.today/redirect.php?url=https%3A%2F%2Fpercolator.today%2Fmedia%2FEpisode_20.mp3" preload="auto">
</div>
<div class="podcast-meta">
<a href="https://percolator.today/episode/20" class="u-url"><time class="dt-published" datetime="2018-04-18">April 18, 2018</time></a>&nbsp;&nbsp;&bull;&nbsp;&nbsp;<data class="p-duration" value="231">3m51s</data> / <span class="p-filesize">4.24mb</span></div>
<div class="e-content summary">
<p>J'aimerais partager cette expérience de lecture IndieWeb avec d'autres ! Mais je ne veux pas aussi archiver tout ce que vous suivez. Peut-être trouver un terrain d'entente ?</p>
<ul>
<li><a href="https://indieweb.org/Aperture">Aperture</a></li>
<li><a href="https://indieweb.org/Monocle">Monocle</a></li>
<li>Apprenez-en plus sur <a href="https://indieweb.org/Microsub">Microsub</a></li>
</ul>
</div>
<div style="display: none;">
<a href="https://percolator.today" class="p-author h-card">
<img src="https://percolator.today/images/avatar.jpg" class="u-photo"><span class="p-name">Percolator</span></a></div></div>

==== CoreIntuition ====

[https://coreint.org/2018/04/episode-324-definitely-a-business-mistake/ CoreIntuition - épisode 324]


Manton et Daniel parlent de la réaction du public au lancement de Wavelength, et de l'expérience d'intégration des nouveaux utilisateurs de Micro.blog, et du défi en général de rendre les pages de produits plus invitantes. Ils réagissent aux ventes décevantes du HomePod et sur les façons dont Apple ne parvient pas à dépasser les attentes des utilisateurs. Enfin, ils revoient leurs préférences esthétiques avec la version sémantique, et parlent d'utiliser le nombre limité de numéros de version de correction de bogues comme motivation pour développer plus de fonctionnalités.

[http://audio.coreint.org/CoreInt_324.mp3  Télécharger l'Audio (MP3, 62 minutes)]

<audio class="u-audio" src="http://audio.coreint.org/CoreInt_324.mp3" controls>
</audio>


Liens :

* [Wavelength pour Micro.blog](http://www.manton.org/2018/04/wavelength-for-micro-blog.html) – L’annonce de Manton de nouvelle app iOS de micro-podcast pour Micro.blog.
* [Stumbling HomePod](https://www.bloomberg.com/news/articles/2018-04-12/apple-s-stumbling-homepod-isn-t-the-hot-seller-company-wanted) – Mark Gurman sur les ventes décevantes du HomePod d’Apple.
* [Airpods](https://www.apple.com/airpods/) – Un produit Apple qui dépasse les attentes de la plupart des utilisateurs.
* [FastScripts 4.0.12](https://red-sweater.com/blog/3318/fastscripts-2-6-12-minor-script-folder-fixes) – La mise à jour corrigée de bogues malheureusement versionnée de Daniel à son utilitaire de gestion de script Mac.
* [MarsEdit](https://red-sweater.com/marsedit/) – L'éditeur de blog pour Mac de Daniel, qui est en attente d’une mise à jour de fonctionnalité 4.1.
* [Dialog](http://dialog.micro.blog/) – Une app Android Micro.blog actuellement en développement.