hmedia-fr

<entry-title>hMedia</entry-title> Ce document est une spécification microformat draft. Bien que les "drafts" soient en quelque sorte mâtures dans le processus de développement, la stabilité de ce document ne peut être garantie, et les implémenteurs doivent être prêts à rester informés des futurs développements et modifications. Suivez cette page wiki, ou suivez les discussions sur la liste de discussion microformats-new pour rester informé.

hMedia est un format simple et ouvert pour publier des Images Vidéo et de l'Audio. hMedia peut être embarqué dans le HTML ou le XHTML, Atom, RSS et le XML arbitraire. hMedia est l'un des nombreux microformat standards ouverts.

hMedia Spécification Draft 2009-01-04

Editeur/Auteur

• Martin McEvoy

Contributeurs

Par ordre historique de contribution

• Tantek Çelik
• Kevin Marks
• Mary Hodder
• Rod Begbie
• Joshua Kinberg
• ChrisMessina
• Lisa Rein
• Chris Newell
• Manu Sporny
• Mike Johnson
• Martin McEvoy

Traduction en Cours

• Christophe Ducamp

Inspiration et Remerciements

Un grand merci à Tantek Çelik, Kevin Marks, Mary Hodder, Chris Newell, Chris Messina, Charles Iliya Krempeaux et Manu Sporny pour leurs contributions valables sur Media Info et Media Metadata en général.

Brevets

Cette spécification est sujette à une politique de brevets libres de droits, par ex. pour la Politique de Brevet du W3C, IETF RFC3667 et RFC3668.

Princpes de Design XHTML Sémantique

Note : les Principes de Design XHTML Sémantique ont été écrits initialement dans le contexte de développement de hCard et hCalendar, par conséquent il peut être plus facile de comprendre ces principes dans le contexte de la méthodologie de design hCard (ce qui veut dire, lisez ça d'abord). Tantek

XHTML est construit sur du XML, et par conséquent les formats fondés sur XHTML peuvent être utilisés non seulement pour une présentation d'affichage pratique, mais aussi à des fins d'échanges de données. A bien des façons, les formats fondés sur XHTML illustrent le meilleur des mondes tant du HTML que du XML. Néanmoins au moment de construire des formats basés sur XHTML, cela aide d'avoir un ensemble de principes directeurs.

1. Réutilisez autant que possible le schéma (noms, objets, propriétés, valeurs, types, hiérarchies, contraintes) à partir des standards de référence établis et bien supportés. Evitez de redéclarer les contraintes exprimées dans le standard source. Des mentions à titre d'information peuvent passer.
   1. Pour les types avec plusieurs composants, utilisez des éléments imbriqués avec des noms de classe équivalents aux noms des composants.
   2. Les composants pluriels sont produits au singulier, et par conséquent plusieurs éléments imbriqués sont utilisés pour représenter plusieurs valeurs de texte qui sont délimitées par des virgules.
2. Utilisez la sémantique XHTML la plus précise pour construire des blocs pour chaque objet, etc.
3. Autrement utilisez un élément générique structurel (par ex. <span> ou <div>), ou l'élément contextuel approprié (par ex. un <li> dans un <ul> ou <ol>).
4. Utilisez des noms de classes basés sur des noms extraits du schéma original, à moins que le XHTML sémantique de construction de bloc ne représente précisément cette partie du schéma original. Si les noms dans le schéma original ne sont pas sensibles la casse, alors mettez tout dans un équivalent en bas de casse. Les noms de composants implicites en prose (plutôt qu'explicites dans le schéma défini) devraient aussi utiliser les équivalents bas de casse pour une facilité d'utilisation. Les espaces dans les noms des composants deviennent des caractères tiret '-'.
5. Pour finir, si le format de la donnée selon le schéma original est trop long et/ou non amical sur le plan humain, utilisez <abbr> au lieu d'un élément générique structurel, et placez les données littérales dans l'attribut 'title' (là où vont les expansions abbr), et l'équivalent le plus bref et le plus lisible humainement dans l'élément lui-même. De plus amples explications de cet usage de <abbr> : Human vs. ISO8601 dates problem solved

Etendue

Les images, vidéos et l'audio partagent généralement plusieurs champs communs. hMedia a été basé sur un sous-ensemble commun minimal basé sur l'analyse de 225 pages web en rapport. Tous les champs découverts durant l'analyse arrivent plus de 80% du temps ou plus sur chacun des domaines cibles listés sur la page Media Info Examples. hMedia a été développé en utilisant le Processus Microformats et les Principes de Design.

Introduction

Mary Hodder - 22 Jan 2006

There are many ways to publish media by users, but as people try to access those remixing and aggregation become more and more prevalent, having consistent records becomes important. Audio, photos and video show up in each other's publishing spaces, even though they are unique media objects. A photo might be next to the link for an audio piece, as it's visual artwork. A video can be comprised of quotes of other videos, photos and audio. Still photos can be made from videos. All three types of objects can contain subsets of media that is tagged and described.

Format

Abstract

hMedia est format de publication média unique qui se rapporte aux Images, Vidéo et Audio avec une emphase sur Pratique, Simple et Minimal. A chaque fois que cela est possible les noms de champs ont été choisis à partir de ceux définis par le standard hCard.

Schéma

Voir Clé.

• hMedia hmedia{1}.
  • fn. {1}.
  • contributeur *. En utilisant du texte ou hCard.
  • photo ?. En utilisant l'élément HTML IMG.
  • player ?. En utilisant tout élément HTML approprié tel que OBJECT.
  • enclosure *. Une URL utilisant le rel-design-pattern

Key

Fondée sur les quantificateurs standards de Perl :

bold {1}	Doit être présent exactement une fois
italic*	Correspond à 0 ou plus
+	correspond à 1 ou plus
?	correspond à 1 ou 0 fois
[crochets rectangulaires]	liste de valeurs communes
(parenthèses)	format de donnée
#	commentaire

Définition Schéma

Les mots-clés "DOIT", "NE DOIT PAS", "OBLIGATOIRE", "DEVRA", "NE DEVRA PAS", "DEVRAIT", "NE DEVRAIT PAS", "RECOMMANDÉ", "PEUT" et "OPTIONNELLE" dans ce document doivent être interprétés comme décrits dans la RFC 2119.

hmedia

hMedia est utilisé pour décrire l'information associée avec des Images, Vidéos et Audio.

fn

Le nom d'un média.

• L'élément est identifié par le nom de classe fn.
• hMedia DOIT comprendre un élément fn.

contributor

Un "Contributor" est toute personnne ou organisation qui prend part à la création ou la distribution du Media.

• L'élément est identifié par le nom de classe contributor.
• hMedia PEUT inclure un ou plusieurs contributor.
• Les contenus de l'élément PEUVENT inclure une hCard valide.

photo

Une Image embarquée ou Photographie du Média

• L'élément est identifié par le nom de classe photo.
• hMedia PEUT inclure un élément photo.
• L'élément DEVRAIT utiliser un élément <img>.
• Les attributs de l'élément height et width PEUVENT être utilisés pour déterminer les dimensions d'une photo

player

Les contenus sont une vidéo ou un film embarqué du Média comme un Film Flash.

• L'élément est identifié par le nom de classe player.
• hMedia PEUT inclure un élément player.
• L'élément PEUT utiliser tout élément HTML approprié tel que <object>.
• Les attributs de l'élément <object> height et width PEUVENT être utilisés pour déterminer les dimensions d'un player

enclosure

Indique que l'url en référence est un téléchargement du Média.

• L'élément est identifié par une URL utilisant le rel-design-pattern, l'attribut rel DEVRAIT contenir la valeur de enclosure..
• hMedia PEUT inclure un ou plusieurs enclosure's.
• Le type de média de l'enclosure DEVRAIT être spécifié en utilisant un spécificateur type pour une url, les contenus PEUVENT être tout type de média iana .
• Plusieurs éléments enclosure DEVRAIENT être utilisés pour différentes représentations du même AUDIO, vidéo ou Image.

Profil XMDP

<dl class="profile">
 <dt>class</dt>
 <dd><p>
  <a rel="help" href="http://www.w3.org/TR/html401/struct/global.html#adef-class">
   La définition HTML4 de l'attribut 'class'.</a>
  Ce profil de méta donnée définiti quelques valeurs d'attribut 'class' (noms de classes)
  et leurs sens comme définies dans le 
  <a href="http://www.w3.org/TR/WD-htmllink-970328#profile">
   draft de "Hypertext Links in HTML"</a>.</p>
  <dl>
   <dt>hmedia</dt>
   <dd>
    Utilisé pour décrire l'information sémantique associés avec des Images, Videos et Audio.
   </dd>
   <dt>fn</dt>
   <dd>
    Le nom d'un média
   </dd>
   <dt>contributor</dt>
   <dd>
    Un "contributor" est toute personne ou organisation qui prend part à la création ou distribution du Media
   </dd>
   <dt>photo</dt>
   <dd>
    Une Image embarquée ou Photographie du Media.
   </dd>
   <dt>player</dt>
   <dd>
    Une vidéo ou film embarqué du Media.
   </dd>
   <dt>enclosure</dt>
   <dd>
     Indique que l'url en référence est un téléchargement du Media.
   </dd>
  </dl>
 </dd>
</dl>

Modularité

Bien que les items media soit parfois présentés d'eux-mêmes, ils sont souvent trouvés dans des structures de données qui sont supportées par des microformats existants. Il devrait être possible cependant d'utiliser le microformat hMedia comme un enfant (ou dans certains cas un parent) de ces microformats.

Media Distribution et Syndication

• hAtom

Les fils podcasts et Vidcast référencent une séquence d'items média. hMedia peut par conséquent être utilisé comme un élément enfant de hAtom.

Regardez svp : hAtom+hMedia exemple.

Media Evénements

• hCalendar

hMedia peut être utilisé pour décrire un flux de média continu comme par exemple une chaîne de TV. Un événement ou un programme d'événements sur la chaîne peut être signalé en utilisant le vevent comme éléments enfants. une combinaison de hMedia et hCalendar peut fournir ce qui est nécessaire pour saisir un événement spécifique, le flux d'information média et l'information sur l'horaire.

Voir svp : hCalendar et hMedia.

Media Critiques

• hReview

Une Critique Audio, Vidéo ou d'Images arrive souvent dans les publications média, les critiques hMedia peuvent souvent être publiées en utilisant hReview, pour saisir le nom de l'auteur, l'item critiqué, une note, une description et la date de la critique Media. hMedia peut par conséquent être publié comme un élément enfant d'un item hReview

voir svp : hReview et hMedia.

Exemples

Des Exemples du Vrai Monde sont listés sur la page media-info-examples page

Images

<div class="hmedia">
  <a rel="enclosure" type="image/jpeg" href="http://www.treeswing.net/index.php?showimage=355">
    <img class="photo" alt="Saturday Nights alright for fighting, by treeswing" 
     src="http://cache1.photoblogs.org/thumbnail/?hash=9bece0678c5610bd4b631d9037286df7&size=450"/>
  </a>
    <span class="fn">Saturday Night's Alright For Fighting</span>, 
    <em>by <span class="contributor vcard">
       <a class="url fn" href="http://www.treeswing.net/">Treeswing</a> 
      (<a class="url" href="http://www.photoblogs.org/profile/treeswing.net/">profile</a>)
    </span></em>
</div>

Video

<div class="hmedia">
<span class="fn">Introduction to the Open Media Web</span>
<object class="player" type="application/x-shockwave-flash" data="http://www.viddler.com/player/1d6265f3/">
  <param name="movie" value="http://www.viddler.com/player/1d6265f3/"/>
  <param name="allowScriptAccess" value="always"/>
  <param name="allowFullScreen" value="true"/>
</object>
<ul>
 <li><a rel="enclosure" type="video/mp4" title="Download the original source file for this movie" 
    href="/explore/factoryjoe/videos/2.m4v">Original</a></li>
</ul>
</div>

Audio

<span class="hmedia">
<a rel="enclosure" type="audio/mpeg" href="http://homepage.mac.com/mr.gilbert/.Music/earle_waydownhole.mp3">
    <span class="contributor vcard">
      <span class="fn">Steve Earle</span>
    </span> - 
    <span class="fn">"Way Down in the Hole" (Tom Waits cover)</span>
</a>
</span>

Combiné

hAtom et hMedia

<div id="example" class="hentry hmedia">
<h2 class="entry-title"><a class="fn" href="#example" rel="bookmark">Introduction to the Open Media Web</a></h2>
<p>by <cite class="author vcard"><span class="fn">Author</span></cite> on:
<abbr class="updated" title="2008-12-14T11:08:00+01:00">14th Dec, 2008</abbr></p>
<div class="entry-content"><p>The introductory video describing the Open Media Web project and where it's -- roughly -- going!</p></div>
<object class="player" width="545" height="451" type="application/x-shockwave-flash" data="http://www.viddler.com/player/1d6265f3/">
  <param name="movie" value="http://www.viddler.com/player/1d6265f3/"/>
  <param name="allowScriptAccess" value="always"/>
  <param name="allowFullScreen" value="true"/>
</object>
 <p>Download: <a rel="enclosure" type="video/mp4;length=18454938" href="http://www.viddler.com/explore/factoryjoe/videos/2.m4v">
   Original</a>
 </p>
</div>

hCalendar et hMedia

<div class="hmedia">
<div id="bip-play-emp">
<object class="player" height="395" width="640" 
  data="http://www.bbc.co.uk/emp/9player.swf?revision=7276&embedPageUrl=
  http://www.bbc.co.uk/iplayer/episode/b00gd1mr/Doctor_Who_The_Next_Doctor/#anchor-info-dialog&domId=bip-play-emp
  &config=http://www.bbc.co.uk/emp/iplayer/config.xml
  &playlist=http://www.bbc.co.uk/iplayer/playlist/b00gd1mr
  &guidance=unset" 
  name="bbc_emp_embed_bip-play-emp" 
  id="bbc_emp_embed_bip-play-emp" 
  type="application/x-shockwave-flash">
  <param name="movie" value="http://www.bbc.co.uk/emp/9player.swf?revision=7276&embedPageUrl=
  http://www.bbc.co.uk/iplayer/episode/b00gd1mr/Doctor_Who_The_Next_Doctor/#anchor-info-dialog
  &domId=bip-play-emp&config=http://www.bbc.co.uk/emp/iplayer/config.xml
  &playlist=http://www.bbc.co.uk/iplayer/playlist/b00gd1mr
  &guidance=unset"/>
  <param name="allowScriptAccess" value="always"/>
  <param name="allowFullScreen" value="true"/>
  <param name="wmode" value="default"/>
  <param name="quality" value="high"/>
</object>
</div>
<div class="vevent">
  <span class="summary">
  <a class="url fn" href="http://www.bbc.co.uk/iplayer/episode/b00gd1mr/Doctor_Who_The_Next_Doctor">
  Doctor Who: The Next Doctor
  </a>
  </span>,
   Broadcast on: <span class="location">BBC One</span>,  
  <abbr class="dtstart" title="2008-12-25T18:10:00+01:00">6:00pm Thursday 25th December</abbr>, 
   Duration: 
  <abbr class="duration" title="PT60M">60</abbr> minutes,
   Available until: 
  <abbr class="dtend" title="2009-01-08T15:49:00+01:00">3:49pm Thursday 8th January</abbr>
</div>
</div>

hReview et hMedia

<div class="hreview">
 Critiqué par : <span class="reviewer vcard">
  <span class="fn">anonymous</span>, 
 </span>
  Le : <abbr class="dtreviewed" title="2009-01-03">3 janvier 2009</abbr>.
 <div class="item hmedia">
    <p><a class="url fn" rel="enclosure" href="http://mediaweb.musicradio.com/mp3/Mis-takes.mp3" type="audio/mpeg">Mis-takes</a>
      by: <span class="contributor vcard">
          <span class="fn">The Charlatans</span>
     </span></p>
 </div>
 <div>Note : <abbr class="rating" title="4">****</abbr> sur 5 étoiles</div>
  <div class="description">
    <p>Superbe plage du dernier album des Charlatans "You Cross My Path", qui vaut le détour.</p> 
  </div>
 </div>

Exemples dans la jungle

Cette section est informative.

Les sites suivants ont implémenté hMedia, et sont de ce fait un endroit merveilleux pour démarrer pour tous ceux qui cherchent des exemples "dans la jungle" pour essayer d'analyser, parser, indexer, organiser, etc. Si votre site est marqué avec hMedia, sentez-vous libre de l'ajouter en haut de cette liste. Une fois que la liste sera devenue trop grosse, nous produirons une page wiki séparée sur hmedia-examples-in-wild.

• Rhizohm: some experiments / compositions - musique
• Thunderkick - photos
• ...

Implémentations

Cette section est informative.

Les implémentations qui suivent ont été développées et soit génèrent ou parsent le contenu hMedia. Si vous avez une implémentation hMedia, sentez-vous à l'aise pour l'ajouter tout en haut de cette liste. Une fois que la liste sera devenue trop grosse, nous produirons une page wiki séparée sur hmedia-implementations.

• Oomph supporte le parsage hMedia sur les pages et affiche une interface média pour facilement naviguer la musique, les films et les images sur la page.
• Le Podcast Hypermedia utilise hMedia + hAtom pour générer un fil MediaRSS (comme démontré au-dessus)
• Transformr est un service-web qui parse hMedia + hAtom et produit MediaRSS

Articles

Cette section est informative.

Les articles suivants ont été écrits et discutent de hMedia. Si vous avez un article ou billet de blog traitant de hMedia, sentez-vous libre de l'ajouter en haut de cette liste en utilisant le marquage hAtom. Une fois que la liste sera devenue trop grosse, nous produirons une page wiki séparée sur hmedia-articles.

• 2009-08-11 L'article I <3 hMedia de Tim Aidlin sur Mix Online discute de la visualisation de deux exemples hMedia avec Oomph, de musique sur Rhizohm et des photos sur Thunderkick.

Historique

• Dougal Campbell en a parlé le premier sur microformats for various types of media? le 13 juillet 2005

• Jeudi 1er septembre, une discussion à propos d'une Playlist Microformat par Lucas Gonze, hPlaylist

• Tantek Çelik commence l'exploration initiale à propos d'un microformat media-info le 3 septembre 2005

• Joshua Kinberg discute d'un microformat media/enclosure le 20 septembre 2005

• Le 2 novembre 2005, Chris Messina discute d'un microformat pour métadonnée de piste audio.

• Le 6 décembre 2005, Charles Iliya Krempeaux discute d'un microformat pour émission de TV.

• Le 1er janvier 2006 Tantek Çelik appelle à un microformat média simple qui décrit les 80/20 de l'information concernant un fragment de média particulier et rien de plus. voir : [1]

• Le 24 mars 2006, Rod Begbie a proposé un microformat Music.

• Enric discute d'un exemple de fichier media de hAtom le 13 juin 2006

• Steve Williams (Digg) discute de Media Metadata, spécifiquement des Vignettes Vidéo le 16 août 2006

• Première Proposition microformat hMedia par Chris Newell le 8 février 2007

• Plus d'intérêt dans un microformat music/media-info par Marian Steinbach le 26 février 2007 et plus tard sur Microformats New

• Martin McEvoy renouvelle l'intérêt dans un Microformat Media le 9 novembre 2008

• hMedia 0.1 Draft Specification 2009-01-04

Références

Références Normatives

• hCard
• rel-design-pattern
• rel-enclosure

Références Informatives

• HTML4 Image element
• HTML4 Object element
• HTML4 rel Definition
• Article sur la raison pour laquelle vous ne devriez pas utiliser embed sur A List Apart.

Travaux Similaires

• Media Chapters
• hAudio
• Video Info
• Photo Notes

Travaux en Cours

Brainstorming

Vous voulez aider à développer la prochaine version de hMedia ? Ajoutez svp vos idées sur la page hmedia-brainstorming.

Discussions

• Merci de faire parvenir toutes vos questions et idées sur la liste de discussion Microformats New.

Problématiques

Regardez svp : hmedia-issues

Pages en rapport

• hMedia
• hMedia problématiques
• hMedia brainstorming
• media-info-exemples
• media-info-formats
• media-info-brainstorming