Différences entre versions de « Audio »

De Mi caja de notas

 
(3 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}} poste de l'audio sur son site en utilisant [[p3k]] depuis le [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].
  
 
Publication : https://aaronparecki.com/2015/01/18/13/
 
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
 
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.
  
Ligne 45 : Ligne 44 :
 
* 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 ==

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