Audio - Historique des versions

Xtof : /* Comment faire */

2018-04-22T05:05:39Z

Comment faire

Xtof : /* Ben Roberts */

2018-04-22T05:00:24Z

Ben Roberts

Xtof : /* Pourquoi */

2018-04-22T04:56:15Z

Pourquoi

Xtof : /* Exemples IndieWeb */

2018-04-22T04:20:02Z

Exemples IndieWeb

Xtof : /* Aaron Parecki */

2018-04-22T04:16:30Z

Aaron Parecki

Xtof : /* Aaron Parecki */

2018-04-22T04:15:57Z

Aaron Parecki

Xtof : /* Aaron Parecki */

2018-04-22T04:15:07Z

Aaron Parecki

Xtof : /* Aaron Parecki */

2018-04-22T04:14:32Z

Aaron Parecki

Xtof : /* Aaron Parecki */

2018-04-22T04:13:54Z

Aaron Parecki

Xtof : Page créée avec « Category:PostType {{emojicon|🎤}} {{stub}} '''audio''' est un post indieweb de son enregistré qui est parlé ou autrement créé par l'auteu... »

2018-04-22T04:06:47Z

Page créée avec « Category:PostType {{emojicon|🎤}} {{stub}} '''<dfn>audio</dfn>''' est un post indieweb de son enregistré qui est parlé ou autrement créé par l'auteu... »

Nouvelle page

[[Category:PostType]]
{{emojicon|🎤}}
{{stub}}

'''<dfn>audio</dfn>''' est un [[post-fr|post]] indieweb de son enregistré qui est parlé ou autrement créé par l'auteur du site.

== Pourquoi ==
Les posts audio, tout spécialemenet avec des mots parlés comme les [[podcasts-fr|podcasts]], peuvent être très personnels et émotionnellement irrésistibles. À bien des égards, un message audio de haute qualité a un impact très différent sur l'auditeur que l'équivalent en tant que note textuelle.

__TOC__
== Comment faire ==
Use an [[h-entry]] as always, and then an HTML5 <code><audio></code> element with class name <code>u-audio</code> and <code>src</code> attribute of the URL of the audio file, e.g.

<pre><nowiki>
<audio class="u-audio" src="http://ben.example.com/talking.wav" controls="controls">
alternate text content - like a transcript
</audio>
</nowiki></pre>

Une couverture d'[[album-fr|album]] pourrait être marquée comme [[featured]].

== Exemples IndieWeb ==
=== Ben Werdmuller ===
{{benwerd}} utilise [[Known]] pour poster de l'audio sur son site [http://werd.io werd.io] depuis le [http://werd.io/2014/a-little-indieweb-audio-while-i-wait-for-my-flight 2014-06-27]. Exemple :
* http://werd.io/2014/a-little-indieweb-audio-while-i-wait-for-my-flight
=== Ben Roberts ===
{{benthatmustbeme}} posts audio to his site [https://ben.thatmustbe.me/ ben.thatmustbe.me] since [https://ben.thatmustbe.me/audio/2015/1/9/8/ 2015-01-09]. Example:
* https://ben.thatmustbe.me/audio/2015/1/9/8/
* More: http://werd.io/content/streamingmedia/
=== Aaron Parecki ===
{{aaronpk}} posts audio to his site using [[p3k]] since [https://aaronparecki.com/2015/01/18/13/ 2015-01-18].
Publishing:
* https://aaronparecki.com/2015/01/18/13/
** The audio file is rendered in an <code><audio></code> tag with a class of "u-audio", so that the browser shows an audio player.
* https://aaronparecki.com/2017/02/17/9/day59
** The audio is paired with a video and thus rendered in <code><video><source src="" class="u-video">...</code>, but also provided in a fallback link inside with u-audio so the post can still be used to create an audio podcast feed

Consuming: [[p3k]] also consumes the u-audio property (since at least 2017-02-18) for example when posting a [https://aaronparecki.com/2017/02/18/10/ repost of another audio post].

=== Marty McGuire ===
{{martymcguire}} posts audio to his site [https://martymcgui.re/ martymcgui.re] since [https://martymcgui.re/2017/02/18/151503/ 2017-02-19]. Example:
* https://martymcgui.re/2017/02/18/151503/

[https://www.w3.org/TR/media-frags/#naming-time Temporal media fragments] are supported, using [https://github.com/aaronpk/clone-media-fragment Aaron Parecki's javascript implementation]. Example:
* https://martymcgui.re/2017/02/18/151503/#t=54

Marty also runs an IndieWeb-enabled site for his comedy podcast [[User:Martymcgui.re#Podcast_Site_-_wehavetoask.com|We Have to Ask]] which has been posting an h-feed of h-entrys with u-audio since ~August 2016. Example:
* https://wehavetoask.com/episodes/2017-01-31/ (example episode)
* More: http://wehavetoask.com/

== Exemples de Silo ==
=== SoundCloud ===
[[SoundCloud]] is a silo for audio posts; as well as the audio media file itself, it also expects a poster image to go with it, both for on-site presentation and for creating previews on other silos like facebook.
For example [https://soundcloud.com/the-marksist/marks-mix-21-about-damn-time this mix] has an [http://i1.sndcdn.com/artworks-000128719033-zpa2wf-t500x500.jpg image] that is exported in facebook, twitter, oembed and schema markup to cat as a preview.

== Brainstorming ==
=== Comment citer et webmention ===
Citing and sending a [[Webmention]] for/to an entire audio post is no different than citing any other post in general.

However there are some interesting cases:
* '''A [[repost]] of an [[audio]] post''', e.g. https://aaronparecki.com/2017/02/18/10/
** has an h-cite with u-url of the original and and embedded u-audio of the full audio media file
** webmentions work normally for this like any other [[repost]].
* '''A [[podcast]] using part of an audio post''', e.g. https://martymcgui.re/2017/02/18/151503/
** links to several audio posts on aaronparecki.com, and for each, the martymcgui.re podcast post:
** SHOULD link to a [[media fragment]] indicating the time start and end offsets (as specified in the [https://www.w3.org/TR/media-frags/#naming-time temporal dimension]) for the (presumably continuous) portion of the original audio post used in the podcast.
** SHOULD send a Webmention with:
*** "source" URL of the podcast post with a media fragment indicating the offset into the podcast where the audio post was used / incorporated
*** "target" URL of the audio post with aforementioned time start and end offsets

=== Prise en charge des fragments media ===
{{main|media fragment}}
An audio post permalink should support [https://www.w3.org/TR/media-frags/#naming-time temporal media fragments] on the end of its permalink to a specific time offset by cueing up the playback of audio to that specific time (and auto-playing if the audio post would auto-play from the start normally).

== Voir Aussi ==
* [[jam ]]
* [[video]] uses an
* [[posts]]
* [[podcast]]
* [[collection]]
* [[media fragment]]
* [[Screech]], a simple app for posting audio content to your site

@@ Ligne 26 : / Ligne 26 : @@
 * http://werd.io/2014/a-little-indieweb-audio-while-i-wait-for-my-flight
 === Ben Roberts ===
-{{benthatmustbeme}} poste de l'audio sur son site [https://ben.thatmustbe.me/ ben.thatmustbe.me] depuis le [https://ben.thatmustbe.me/audio/2015/1/9/8/ 2015-01-09]. Exemple :
+<{{benthatmustbeme}} poste de l'audio sur son site [https://ben.thatmustbe.me/ ben.thatmustbe.me] depuis le [https://ben.thatmustbe.me/audio/2015/1/9/8/ 2015-01-09]. Exemple :
 * https://ben.thatmustbe.me/audio/2015/1/9/8/
 * Plus : http://werd.io/content/streamingmedia/
 === Aaron Parecki ===
 {{aaronpk}} poste de l'audio sur son site en utilisant [[p3k]] depuis le [https://aaronparecki.com/2015/01/18/13/ 2015-01-18].

@@ Ligne 37 : / Ligne 37 : @@
 Publication https://aaronparecki.com/2017/02/17/9/day59
-* L'audio est apparié avec une vidéo et par conséquent restitué dans <nowiki>`<video><source src="" class="u-video">`...</nowiki>, mais fournit aussi un lien de fallback dans un u-audio afin que le post puisse être encore utilisé pour créer un flux de podcast audio.
+* L'audio est apparié avec une vidéo et par conséquent restitué dans <nowiki><video><source src="" class="u-video">...</nowiki>, mais fournit aussi un lien de fallback dans un u-audio afin que le post puisse être encore utilisé pour créer un flux de podcast audio.
 Consommation : [[p3k]] consomme aussi la propriété u-audio (depuis au moins le 2017-02-18) par exemple au moment de poster un [https://aaronparecki.com/2017/02/18/10/ repost d'un autre post audio].

@@ Ligne 37 : / Ligne 37 : @@
 Publication https://aaronparecki.com/2017/02/17/9/day59
-* L'audio est apparié avec une vidéo et par conséquent restitué dans <code><video><source src="" class="u-video">...</code>, mais fournit aussi un lien de fallback dans un u-audio afin que le post puisse être encore utilisé pour créer un flux de podcast audio.
+* L'audio est apparié avec une vidéo et par conséquent restitué dans <nowiki>`<video><source src="" class="u-video">`...</nowiki>, mais fournit aussi un lien de fallback dans un u-audio afin que le post puisse être encore utilisé pour créer un flux de podcast audio.
 Consommation : [[p3k]] consomme aussi la propriété u-audio (depuis au moins le 2017-02-18) par exemple au moment de poster un [https://aaronparecki.com/2017/02/18/10/ repost d'un autre post audio].

@@ Ligne 33 : / Ligne 33 : @@
 Publication : https://aaronparecki.com/2015/01/18/13/
-* Le fichier audio est restitué dans une balise `<audio>` avec une classe "u-audio", afin que le navigateur affiche un lecteur audio.
+* Le fichier audio est restitué dans une balise `audio` avec une classe "u-audio", afin que le navigateur affiche un lecteur audio.
 Publication https://aaronparecki.com/2017/02/17/9/day59
 * L'audio est apparié avec une vidéo et par conséquent restitué dans <code><video><source src="" class="u-video">...</code>, mais fournit aussi un lien de fallback dans un u-audio afin que le post puisse être encore utilisé pour créer un flux de podcast audio.

@@ Ligne 33 : / Ligne 33 : @@
 Publication : https://aaronparecki.com/2015/01/18/13/
-* Le fichier audio est restitué dans une balise <code><audio></code> avec une classe "u-audio", afin que le navigateur affiche un lecteur audio.
+* Le fichier audio est restitué dans une balise `<audio>` avec une classe "u-audio", afin que le navigateur affiche un lecteur audio.
 Publication https://aaronparecki.com/2017/02/17/9/day59

@@ Ligne 11 : / Ligne 11 : @@
 == Comment faire ==
-Use an [[h-entry]] as always, and then an HTML5 <code>&lt;audio&gt;</code> element with class name <code>u-audio</code> and <code>src</code> attribute of the URL of the audio file, e.g.
+Utiliser un [[h-entry-fr|h-entry]] comme toujours, suivi d'un élément HTML5 <code>&lt;audio&gt;</code> avec le nom de classe <code>u-audio</code> et l'attribut <code>src</code> de l'URL du fichier, par ex.
 <pre><nowiki>
 <audio class="u-audio" src="http://ben.example.com/talking.wav" controls="controls">
-alternate text content - like a transcript
+contenu texte alternatif - comme une transcription
 </audio>
 </nowiki></pre>

@@ Ligne 6 : / Ligne 6 : @@
 == Pourquoi ==
-Les posts audio, tout spécialemenet avec des mots parlés comme les [[podcasts-fr|podcasts]], peuvent être très personnels et émotionnellement irrésistibles. À bien des égards, un message audio de haute qualité a un impact très différent sur l'auditeur que l'équivalent en tant que note textuelle.
+Les posts audio, tout spécialement ceux avec des mots parlés comme les [[podcasts-fr|podcasts]], peuvent être très personnels et émotionnellement irrésistibles. À bien des égards, un message audio de haute qualité a un impact très différent sur l'auditeur que son équivalent en tant que note textuelle.
 __TOC__
 == Comment faire ==
 Use an [[h-entry]] as always, and then an HTML5 <code>&lt;audio&gt;</code> element with class name <code>u-audio</code> and <code>src</code> attribute of the URL of the audio file, e.g.

@@ Ligne 25 : / Ligne 25 : @@
 * http://werd.io/2014/a-little-indieweb-audio-while-i-wait-for-my-flight
 === Ben Roberts ===
-{{benthatmustbeme}} posts audio to his site [https://ben.thatmustbe.me/ ben.thatmustbe.me] since [https://ben.thatmustbe.me/audio/2015/1/9/8/ 2015-01-09]. Example:
+{{benthatmustbeme}} poste de l'audio sur son site [https://ben.thatmustbe.me/ ben.thatmustbe.me] depuis le [https://ben.thatmustbe.me/audio/2015/1/9/8/ 2015-01-09]. Exemple :
 * https://ben.thatmustbe.me/audio/2015/1/9/8/
-* More: http://werd.io/content/streamingmedia/
+* Plus : http://werd.io/content/streamingmedia/
 === Aaron Parecki ===
 {{aaronpk}} poste de l'audio sur son site en utilisant [[p3k]] depuis le [https://aaronparecki.com/2015/01/18/13/ 2015-01-18].
 Publication : https://aaronparecki.com/2015/01/18/13/
 * Le fichier audio est restitué dans une balise `audio` avec une classe "u-audio", afin que le navigateur affiche un lecteur audio.
 Publication https://aaronparecki.com/2017/02/17/9/day59
 * L'audio est apparié avec une vidéo et par conséquent restitué dans <nowiki><video><source src="" class="u-video">...</nowiki>, mais fournit aussi un lien de fallback dans un u-audio afin que le post puisse être encore utilisé pour créer un flux de podcast audio.
@@ Ligne 45 : / Ligne 42 : @@
 * https://martymcgui.re/2017/02/18/151503/
-[https://www.w3.org/TR/media-frags/#naming-time Temporal media fragments] are supported, using [https://github.com/aaronpk/clone-media-fragment Aaron Parecki's javascript implementation]. Example:
+Les [https://www.w3.org/TR/media-frags/#naming-time Temporal media fragments] sont pris en charge, en utilisant l'[https://github.com/aaronpk/clone-media-fragment implémentation javascript d'Aaron Parecki]. Exemple :
 * https://martymcgui.re/2017/02/18/151503/#t=54
-Marty also runs an IndieWeb-enabled site for his comedy podcast [[User:Martymcgui.re#Podcast_Site_-_wehavetoask.com|We Have to Ask]] which has been posting an h-feed of h-entrys with u-audio since ~August 2016. Example:
+Marty fait aussi fonctionner un site IndieWeb pour son podcast de comédie [[User:Martymcgui.re#Podcast_Site_-_wehavetoask.com|We Have to Ask]] qui posté un h-feed de  h-entrys avec u-audio depuis ~August 2016. Exemple :
-* https://wehavetoask.com/episodes/2017-01-31/ (example episode)
+* https://wehavetoask.com/episodes/2017-01-31/ (exemple d'épisode)
-* More: http://wehavetoask.com/
+* Plus : http://wehavetoask.com/
 == Exemples de Silo ==

@@ Ligne 29 : / Ligne 29 : @@
 * More: http://werd.io/content/streamingmedia/
 === Aaron Parecki ===
-{{aaronpk}} posts audio to his site using [[p3k]] since [https://aaronparecki.com/2015/01/18/13/ 2015-01-18].
+{{aaronpk}} poste de l'audio sur son site en utilisant [[p3k]] depuis le [https://aaronparecki.com/2015/01/18/13/ 2015-01-18].
-Consuming: [[p3k]] also consumes the u-audio property (since at least 2017-02-18) for example when posting a [https://aaronparecki.com/2017/02/18/10/ repost of another audio post].
+Publication : https://aaronparecki.com/2015/01/18/13/
 === Marty McGuire ===
-{{martymcguire}} posts audio to his site [https://martymcgui.re/ martymcgui.re] since [https://martymcgui.re/2017/02/18/151503/ 2017-02-19]. Example:
+{{martymcguire}} poste de l'audio sur son site [https://martymcgui.re/ martymcgui.re] depuis le  [https://martymcgui.re/2017/02/18/151503/ 2017-02-19]. Exemple :
 * https://martymcgui.re/2017/02/18/151503/
@@ Ligne 56 : / Ligne 58 : @@
 == Brainstorming ==
 === Comment citer et webmention ===
-Citing and sending a [[Webmention]] for/to an entire audio post is no different than citing any other post in general.
+Citer et envoyer une [[Webmention]] pour/vers un post audio complet n'est pas différent de citer n'importe quel post en général.
-However there are some interesting cases:
+Néanmoins il existe quelques cas intéressants :
-* '''A [[repost]] of an [[audio]] post''', e.g. https://aaronparecki.com/2017/02/18/10/
+* '''Un [[repost]] d'un post [[audio]]''', par ex. https://aaronparecki.com/2017/02/18/10/
-** has an h-cite with u-url of the original and and embedded u-audio of the full audio media file
+** a un h-cite avec un u-url de l'original et un u-audio imbriqué du fichier complet du média audio
-** webmentions work normally for this like any other [[repost]].
+** les webmentions fonctionnent normalement pour ce like comme n'importe quel [[repost]].
 * '''A [[podcast]] using part of an audio post''', e.g. https://martymcgui.re/2017/02/18/151503/
 ** links to several audio posts on aaronparecki.com, and for each, the martymcgui.re podcast post: