Différences entre versions de « Audio »

De Mi caja de notas

(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... »)
 
 
(8 versions intermédiaires par le même utilisateur non affichées)
Ligne 6 : Ligne 6 :
  
 
== Pourquoi ==
 
== 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__
 
__TOC__
 +
 
== Comment faire ==
 
== 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>
 
<pre><nowiki>
 
<audio class="u-audio" src="http://ben.example.com/talking.wav" controls="controls">
 
<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>
 
</audio>
 
</nowiki></pre>
 
</nowiki></pre>
Ligne 25 : Ligne 26 :
 
* http://werd.io/2014/a-little-indieweb-audio-while-i-wait-for-my-flight
 
* http://werd.io/2014/a-little-indieweb-audio-while-i-wait-for-my-flight
 
=== Ben Roberts ===
 
=== 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/
 
* https://ben.thatmustbe.me/audio/2015/1/9/8/
−
* More: http://werd.io/content/streamingmedia/
+
* Plus : http://werd.io/content/streamingmedia/
 +
 
 
=== Aaron Parecki ===
 
=== 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].
−
Publishing:
+
 
−
* https://aaronparecki.com/2015/01/18/13/
+
Publication : 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.  
+
* Le fichier audio est restitué dans une balise `audio` avec une classe "u-audio", afin que le navigateur affiche un lecteur audio.
−
* https://aaronparecki.com/2017/02/17/9/day59
+
Publication 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
+
* 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.
  
−
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].
+
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].
  
 
=== Marty McGuire ===
 
=== 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/
 
* 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
 
* 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 ==
 
== Exemples de Silo ==
Ligne 56 : Ligne 58 :
 
== Brainstorming ==
 
== Brainstorming ==
 
=== Comment citer et webmention ===
 
=== 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/
 
* '''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:
 
** links to several audio posts on aaronparecki.com, and for each, the martymcgui.re podcast post:

Version actuelle datée du 22 avril 2018 à 05:05

🎤 Cet article est une ébauche. Vous pouvez m'aider à l'améliorer et le compléter. Merci.

audio est un post indieweb de son enregistré qui est parlé ou autrement créé par l'auteur du site.

Pourquoi

Les posts audio, tout spécialement ceux avec des mots parlés comme les 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.

Comment faire

Utiliser un h-entry comme toujours, suivi d'un élément HTML5 <audio> avec le nom de classe u-audio et l'attribut src de l'URL du fichier, par ex. 

<audio class="u-audio" src="http://ben.example.com/talking.wav" controls="controls">
contenu texte alternatif - comme une transcription
</audio>

Une couverture d'album pourrait être marquée comme featured.

Exemples IndieWeb

Ben Werdmuller

portrait Ben Werdmüller utilise Known pour poster de l'audio sur son site werd.io depuis le 2014-06-27. Exemple :

Ben Roberts

<portrait Ben Roberts poste de l'audio sur son site ben.thatmustbe.me depuis le 2015-01-09. Exemple :

Aaron Parecki

portrait Aaron Parecki poste de l'audio sur son site en utilisant p3k depuis le 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 <video><source src="" class="u-video">..., 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 repost d'un autre post audio.

Marty McGuire

portrait Marty McGuire poste de l'audio sur son site martymcgui.re depuis le 2017-02-19. Exemple :

Les Temporal media fragments sont pris en charge, en utilisant l'implémentation javascript d'Aaron Parecki. Exemple :

Marty fait aussi fonctionner un site IndieWeb pour son podcast de comédie We Have to Ask qui posté un h-feed de h-entrys avec u-audio depuis ~August 2016. Exemple :

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 this mix has an image that is exported in facebook, twitter, oembed and schema markup to cat as a preview.

Brainstorming

Comment citer et webmention

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.

Néanmoins il existe quelques cas intéressants :

  • Un repost d'un post audio, par ex. https://aaronparecki.com/2017/02/18/10/
    • a un h-cite avec un u-url de l'original et un u-audio imbriqué du fichier complet du média audio
    • 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:
    • SHOULD link to a media fragment indicating the time start and end offsets (as specified in the 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

Article principal : media fragment

An audio post permalink should support 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

Récupérée de « https://ducamp.me/index.php?title=Audio&oldid=9238 »