hMedia

From Microformats Wiki
Revision as of 16:27, 18 July 2020 by Aaronpk (talk | contribs) (Replace <entry-title> with {{DISPLAYTITLE:}})
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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

Éditeur/Auteur

Contributeurs

Par ordre historique de contribution

Traduction en Cours

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.

Principes 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 personne ou organisation qui prend part à la création ou la distribution du Média.

  • 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">
   HTML4 definition of the 'class' attribute.</a>
  This meta data profile defines some 'class' attribute values (class names) 
  and their meanings as suggested by a 
  <a href="http://www.w3.org/TR/WD-htmllink-970328#profile">
   draft of "Hypertext Links in HTML"</a>.</p>
  <dl>
   <dt>hmedia</dt>
   <dd>
    Used to describe semantic information associated with Images, Videos and Audio.
   </dd>
   <dt>fn</dt>
   <dd>
    The name of a media
   </dd>
   <dt>contributor</dt>
   <dd>
    A Contributor is any person or organization that takes part in the creation or distribution of the Media
   </dd>
   <dt>photo</dt>
   <dd>
    An embedded Image or Photograph of the Media.
   </dd>
   <dt>player</dt>
   <dd>
    An embedded video or movie of the Media.
   </dd>
  </dl>
 </dd>
 <dt>rel</dt>
 <dd>
  <dl>
   <dt>enclosure</dt>
   <dd>
     Indicates that the referred url is a download of the Media.
   </dd>
  </dl>
 </dd>
</dl>

Note (informative). Voir aussi Schéma RDF pour le vocabulaire hMedia.

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

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

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

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&amp;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="Téléchargez le fichier source original de ce film" 
    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>Téléchargement : <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&amp;embedPageUrl=
  http://www.bbc.co.uk/iplayer/episode/b00gd1mr/Doctor_Who_The_Next_Doctor/#anchor-info-dialog&amp;domId=bip-play-emp
  &amp;config=http://www.bbc.co.uk/emp/iplayer/config.xml
  &amp;playlist=http://www.bbc.co.uk/iplayer/playlist/b00gd1mr
  &amp;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&amp;embedPageUrl=
  http://www.bbc.co.uk/iplayer/episode/b00gd1mr/Doctor_Who_The_Next_Doctor/#anchor-info-dialog
  &amp;domId=bip-play-emp&amp;config=http://www.bbc.co.uk/emp/iplayer/config.xml
  &amp;playlist=http://www.bbc.co.uk/iplayer/playlist/b00gd1mr
  &amp;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-exemples-dans-la-jungle.

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.

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

Historique

  • Jeudi 1er septembre, une discussion à propos d'une Playlist Microformat par Lucas Gonze, hPlaylist
  • 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 : [2]
  • hMedia 0.1 Draft Specification 2009-01-04

Références

Références Normatives

Références Informatives

Travaux Similaires

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