hmedia-fr: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
mNo edit summary
m (Replace <entry-title> with {{DISPLAYTITLE:}})
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<entry-title>hMedia</entry-title>
{{DISPLAYTITLE:hMedia}}
{{Template:DraftSpecification-fr}}
{{Template:DraftSpecification-fr}}
{{TOC-right}}


'''[[hmedia-fr|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 de nombreux standards ouvert [[microformats-fr|microformat]] standards.
'''[[hmedia-fr|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 [[microformats-fr|microformat]] standards ouverts.


== hMedia Spécification Draft 2009-01-04 ==
== hMedia Spécification Draft 2009-01-04 ==


=== Editeur/Auteur ===
=== Éditeur/Auteur ===


* [[User:WebOrganics| Martin McEvoy]]
* [[User:WebOrganics| Martin McEvoy]]
Line 13: Line 12:
=== Contributeurs ===
=== Contributeurs ===


Par ordre historique de constribution
Par ordre historique de contribution


* [http://tantek.com/log/ Tantek Çelik]
* [http://tantek.com/log/ Tantek Çelik]
Line 28: Line 27:


=== Traduction en Cours ===
=== Traduction en Cours ===
* [User:ChristopheDucamp| Christophe Ducamp]
* [[User:ChristopheDucamp| Christophe Ducamp]]


=== Inspiration et Remerciements ===
=== Inspiration et Remerciements ===
Un grand merci à [http://tantek.com/log/ Tantek Çelik], [[User:Kevin_Marks|Kevin Marks]], [http://napsterization.org/stories/ Mary Hodder], [[User:ChrisNewell|Chris Newell]], [[User:ChrisMessina | Chris Messina]], [http://changelog.ca/ Charles Iliya Krempeaux] et [http://blog.digitalbazaar.com Manu Sporny] pour leurs contributions valables sur Media Info et Media Metadata en général.
Un grand merci à [http://tantek.com/log/ Tantek Çelik], [[User:Kevin_Marks|Kevin Marks]], [http://napsterization.org/stories/ Mary Hodder], [[User:ChrisNewell|Chris Newell]], [[User:ChrisMessina | Chris Messina]], [http://changelog.ca/ Charles Iliya Krempeaux] et [http://blog.digitalbazaar.com Manu Sporny] pour leurs contributions valables sur Media Info et Media Metadata en général.


=== Brevets ===
=== Brevets ===
{{MicroFormatPatentStatement-fr}}


{{MicroFormatPatentStatement}}
=== Principes de Design XHTML Sémantique ===


=== Princpes de Design XHTML Sémantique ===
{{semantic-xhtml-design-principles-fr}}
 
{{semantic-xhtml-design-principles}}


== Etendue ==
== Etendue ==
Line 52: Line 49:


== Format ==
== Format ==
=== Abstract ===
=== 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-fr|hCard]].
hMedia est format de publication média unique qui se rapporte aux Images, Vidéo et Audio avec une emplhase 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-fr|hCard]].


=== Schéma ===
=== Schéma ===
Voir [[hmedia-fr#Clé|Clé]].
Voir [[hmedia-fr#Clé|Clé]].


Line 68: Line 62:
** ''enclosure'' *. Une <abbr title="Uniform Resource Locator">URL</abbr> utilisant le [[rel-design-pattern-fr|rel-design-pattern]]
** ''enclosure'' *. Une <abbr title="Uniform Resource Locator">URL</abbr> utilisant le [[rel-design-pattern-fr|rel-design-pattern]]


{{cheatsheet-key}}
{{cheatsheet-key-fr}}


=== Définition Schéma ===
=== Définition Schéma ===
 
{{rfc-2119-intro-fr}}
{{rfc-2119-intro}}


==== hmedia ====
==== hmedia ====
Line 87: Line 80:
==== contributor ====
==== contributor ====


Un "Contributor" est toute personnne ou organisation qui prend part à la création ou la distribution du Media.
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 <code>contributor</code>.
* L'élément est identifié par le nom de classe <code>contributor</code>.
Line 106: Line 99:
Les contenus sont une vidéo ou un film embarqué du Média comme un Film Flash.
Les contenus sont une vidéo ou un film embarqué du Média comme un Film Flash.


* L'élément est identitié par le nom de classe <code>player</code>.
* L'élément est identifié par le nom de classe <code>player</code>.
* hMedia PEUT inclure un élément <code>player</code>.
* hMedia PEUT inclure un élément <code>player</code>.
* L'élément PEUT utiliser tout élément HTML approprié tel que &lt;object&gt;.
* L'élément PEUT utiliser tout élément HTML approprié tel que &lt;object&gt;.
Line 123: Line 116:
=== Profil XMDP ===
=== Profil XMDP ===


<pre>
<source lang=html4strict>
<dl class="profile">
<dl class="profile">
  <dt>class</dt>
  <dt>class</dt>
Line 154: Line 147:
     An embedded video or movie of the Media.
     An embedded video or movie of the Media.
   </dd>
   </dd>
  </dl>
</dd>
<dt>rel</dt>
<dd>
  <dl>
   <dt>enclosure</dt>
   <dt>enclosure</dt>
   <dd>
   <dd>
Line 161: Line 159:
  </dd>
  </dd>
</dl>
</dl>
</pre>
</source>
 
Note (informative). Voir aussi [http://purl.org/microformat/hmedia/ Schéma RDF pour le vocabulaire hMedia].


== Modularité ==
== 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.
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 ===
=== Media Distribution et Syndication ===
Line 171: Line 171:
* [[hatom-fr|hAtom]]
* [[hatom-fr|hAtom]]


Podcast and <abbr title="Video Podcast">Vidcast</abbr> feeds reference a sequence of media items. hMedia can therefore be used as a child element of hAtom.  
Les fils podcasts et <abbr title="Video Podcast">Vidcast</abbr> 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 : [[hmedia#hAtom_and_hMedia|hAtom+hMedia exemple]].
Regardez svp : [[hmedia-fr#hAtom_et_hMedia|hAtom+hMedia exemple]].


=== Media Evénements ===
=== Media Evénements ===
Line 179: Line 179:
* [[hcalendar-fr|hCalendar]]
* [[hcalendar-fr|hCalendar]]


hMedia may used to describe a continuous media stream for example a TV channel. An event or a schedule of events on the channel can be signaled using [[hcalendar#Root_Class_Name|vevent]] as child elements. A combination of hMedia and hCalendar may provide what is necessary to capture a specific event, the media stream information and the timing information.
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 [[hcalendar-fr#Nom_Classe_Racine|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.


Please see: [[hmedia#hCalendar_and_hMedia|hCalendar and hMedia]].
Voir svp : [[hmedia-fr#hCalendar_et_hMedia|hCalendar et hMedia]].


=== Media Critiques ===
=== Media Critiques ===
Line 187: Line 187:
* [[hreview-fr|hReview]]
* [[hreview-fr|hReview]]


A Review about Audio, Video or Images often occurs in media publishing, hMedia reviews can often be published using hReview, capturing the reviewer, the reviewed item, a rating, a description, and the Date of a media review. hMedia may therefore be published as a child element of a [[hreview#Schema|hReview item]]
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 [[hreview-fr#Schéma|item hReview]]


Please see: [[hmedia#hReview_and_hMedia|hReview and hMedia]].
voir svp : [[hmedia-fr#hReview_et_hMedia|hReview et hMedia]].


== Exemples ==
== Exemples ==
Line 197: Line 197:
=== Images ===
=== Images ===


<pre>
<source lang=html4strict>
<div class="hmedia">
<div class="hmedia">
   <a rel="enclosure" type="image/jpeg" href="http://www.treeswing.net/index.php?showimage=355">
   <a rel="enclosure" type="image/jpeg" href="http://www.treeswing.net/index.php?showimage=355">
Line 209: Line 209:
     </span></em>
     </span></em>
</div>
</div>
</pre>
</source>


=== Video ===
=== Video ===


<pre>
<source lang=html4strict>
<div class="hmedia">
<div class="hmedia">
<span class="fn">Introduction to the Open Media Web</span>
<span class="fn">Introduction to the Open Media Web</span>
Line 222: Line 222:
</object>
</object>
<ul>
<ul>
  <li><a rel="enclosure" type="video/mp4" title="Download the original source file for this movie"  
  <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>
     href="/explore/factoryjoe/videos/2.m4v">Original</a></li>
</ul>
</ul>
</div>
</div>
</pre>
</source>


=== Audio ===
=== Audio ===


<pre>
<source lang=html4strict>
<span class="hmedia">
<span class="hmedia">
<a rel="enclosure" type="audio/mpeg" href="http://homepage.mac.com/mr.gilbert/.Music/earle_waydownhole.mp3">
<a rel="enclosure" type="audio/mpeg" href="http://homepage.mac.com/mr.gilbert/.Music/earle_waydownhole.mp3">
Line 239: Line 239:
</a>
</a>
</span>
</span>
</pre>
</source>


=== Combiné ===
=== Combiné ===
==== hAtom et hMedia ====
==== hAtom et hMedia ====
<pre><div id="example" class="hentry hmedia">
<source lang=html4strict>
<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>
<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:
<p>by <cite class="author vcard"><span class="fn">Author</span></cite> on:
Line 254: Line 254:
   <param name="allowFullScreen" value="true"/>
   <param name="allowFullScreen" value="true"/>
</object>
</object>
  <p>Download: <a rel="enclosure" type="video/mp4;length=18454938" href="http://www.viddler.com/explore/factoryjoe/videos/2.m4v">
  <p>Téléchargement : <a rel="enclosure" type="video/mp4;length=18454938" href="http://www.viddler.com/explore/factoryjoe/videos/2.m4v">
   Original</a>
   Original</a>
  </p>
  </p>
</div></pre>
</div></source>


==== hCalendar et hMedia ====
==== hCalendar et hMedia ====
<pre><div class="hmedia">
<source lang=html4strict>
<div class="hmedia">
<div id="bip-play-emp">
<div id="bip-play-emp">
<object class="player" height="395" width="640"  
<object class="player" height="395" width="640"  
Line 295: Line 296:
   <abbr class="dtend" title="2009-01-08T15:49:00+01:00">3:49pm Thursday 8th January</abbr>
   <abbr class="dtend" title="2009-01-08T15:49:00+01:00">3:49pm Thursday 8th January</abbr>
</div>
</div>
</div></pre>
</div></source>


==== hReview et hMedia ====
==== hReview et hMedia ====
<pre><div class="hreview">
<source lang=html4strict>
<div class="hreview">
  Critiqué par : <span class="reviewer vcard">
  Critiqué par : <span class="reviewer vcard">
   <span class="fn">anonymous</span>,  
   <span class="fn">anonymous</span>,  
Line 313: Line 315:
     <p>Superbe plage du dernier album des Charlatans "You Cross My Path", qui vaut le détour.</p>  
     <p>Superbe plage du dernier album des Charlatans "You Cross My Path", qui vaut le détour.</p>  
   </div>
   </div>
  </div></pre>
  </div></source>


==Exemples dans la jungle==
==Exemples dans la jungle==
Cette section est '''informative'''.
Cette section est '''informative'''.


Les sites suivants ont implémenté [[hMedia-fr|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]].
Les sites suivants ont implémenté [[hmedia-fr|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-fr|hmedia-exemples-dans-la-jungle]].


* [http://doola.li/ Doolali] Video pages are marked-up using hmedia, together with geo and hcard mark-up. e.g. [http://doola.li/video/4d2328b4bac7b0a4770f0000]
* [http://www.norfolkblackhistorymonth.org.uk/events/2009/film.html Norfolk Black Film Festival] marks up movie information with hMedia.  Example: the movie [http://www.norfolkblackhistorymonth.org.uk/events/2009/blacula.html Blacula].
* [http://rhizohm.net/music/ Rhizohm: some experiments / compositions] - musique
* [http://rhizohm.net/music/ Rhizohm: some experiments / compositions] - musique
* [http://thunderkick.us/index_hMedia.html Thunderkick] - photos
* [http://thunderkick.us/index_hMedia.html Thunderkick] - photos
Line 327: Line 331:
Cette section est '''informative'''.
Cette section est '''informative'''.


Les implémentations qui suivent ont été développées et soit génère ou parsent le contenu [[hMedia-fr|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]].
Les implémentations qui suivent ont été développées et soit génèrent ou parsent le contenu [[hmedia-fr|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.
* [[oomph-fr|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 [http://weborganics.co.uk/hCast/ Podcast Hypermedia] utilise [[hmedia-fr|hMedia]] + [[hatom-fr|hAtom]] pour générer un fil [http://search.yahoo.com/mrss MediaRSS] ([[hmedia#hAtom_and_hMedia|comme démontré au-dessus]])
* Le [http://weborganics.co.uk/hCast/ Podcast Hypermedia] utilise [[hmedia-fr|hMedia]] + [[hatom-fr|hAtom]] pour générer un fil [https://web.archive.org/web/20060719035010/http://search.yahoo.com/mrss MediaRSS] ([[hmedia#hAtom_and_hMedia|comme démontré au-dessus]])
* [http://transformr.co.uk Transformr] est un service-web qui parse [[hmedia-fr|hMedia]] + [[hatom|hAtom]] et produit [http://search.yahoo.com/mrss MediaRSS]
* [http://microform.at Microformat Transformr] parse [[hmedia-fr|hMedia]] + [[hatom|hAtom]] et produit un Poscast/Vidcast [https://web.archive.org/web/20060719035010/http://search.yahoo.com/mrss MediaRSS]


== Articles ==
== Articles ==
Cette section est '''informative'''.
Cette section est '''informative'''.


Les articles suivants ont été écrits et discutent de [[hMedia-fr|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-fr|hAtom]]. Une fois que la liste sera devenue trop grosse, nous produirons une page wiki séparée sur [[hmedia-articles]].
Les articles suivants ont été écrits et discutent de [[hmedia-fr|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-fr|hAtom]]. Une fois que la liste sera devenue trop grosse, nous produirons une page wiki séparée sur [[hmedia-articles]].


* <span class="hentry"><span class="published">2009-08-11</span> L'article <cite class="entry-title">[http://visitmix.com/Opinions/I-3-hMedia I &lt;3 hMedia]</cite> de <span class="author vcard"><span class="fn">Tim Aidlin</span></span> sur <span class="entry-summary">Mix Online discute de la visualisation de deux exemples hMedia avec [[oomph-fr|Oomph]], de musique sur [http://rhizohm.net/music Rhizohm] et des photos sur [http://thunderkick.us/index_hMedia.html Thunderkick]</span></span>.
* <span class="hentry"><span class="published">2009-08-11</span> L'article <cite class="entry-title">[http://visitmix.com/Opinions/I-3-hMedia I &lt;3 hMedia]</cite> de <span class="author vcard"><span class="fn">Tim Aidlin</span></span> sur <span class="entry-summary">Mix Online discute de la visualisation de deux exemples hMedia avec [[oomph-fr|Oomph]], de musique sur [http://rhizohm.net/music Rhizohm] et des photos sur [http://thunderkick.us/index_hMedia.html Thunderkick]</span></span>.
* 2009-08-11 L'article [http://visitmix.com/Opinions/I-3-hMedia I &lt;3 hMedia] de <span class="vcard"><span class="fn">Tim Aidlin</span></span> sur Mix Online d discute de la visualisation de deux exemples hMedia avec [[oomph-fr|Oomph]], de musique sur [http://rhizohm.net/music Rhizohm] et des photos sur [http://thunderkick.us/index_hMedia.html Thunderkick]</span></span>.


== Historique ==
== Historique ==
Line 370: Line 375:


== Références ==
== Références ==
=== Références Normatives ===
=== Références Normatives ===
* [[hcard-fr|hCard]]
* [[hcard-fr|hCard]]
* [[rel-design-pattern-fr|rel-design-pattern]]
* [[rel-design-pattern-fr|rel-design-pattern]]
Line 378: Line 381:


=== Références Informatives ===
=== Références Informatives ===
* [http://www.w3.org/TR/REC-html40/struct/objects.html#h-13.2 HTML4 Image element]
* [http://www.w3.org/TR/REC-html40/struct/objects.html#h-13.2 HTML4 Image element]
* [http://www.w3.org/TR/REC-html40/struct/objects.html#h-13.3 HTML4 Object element]
* [http://www.w3.org/TR/REC-html40/struct/objects.html#h-13.3 HTML4 Object element]
* [http://www.w3.org/TR/REC-html40/struct/links.html#adef-rel HTML4 rel Definition]
* [http://www.w3.org/TR/REC-html40/struct/links.html#adef-rel HTML4 rel Definition]
* [http://www.alistapart.com/articles/byebyeembed/ Article on why you should not use embed] from A List Apart.
* [http://www.alistapart.com/articles/byebyeembed/ Article sur la raison pour laquelle vous ne devriez pas utiliser embed] sur A List Apart.


== Travaux Similaires ==
== Travaux Similaires ==
* [[media-chapters|Media Chapters]]
* [[media-chapters|Media Chapters]]
* [[haudio-fr|hAudio]]
* [[haudio-fr|hAudio]]
Line 392: Line 393:


== Travaux en Cours ==
== Travaux en Cours ==
=== Brainstorming ===
=== Brainstorming ===
 
Vous voulez aider à développer la prochaine version de [[hmedia|hMedia]] ? Ajoutez svp vos idées sur la page [[hmedia-brainstorming]].
Do you want to help develop the next version of [[hmedia|hMedia]]? Please add your thoughts and insight on the [[hmedia-brainstorming]] page.


=== Discussions ===
=== Discussions ===
* Merci de faire parvenir toutes vos questions et idées sur la liste de discussion [http://microformats.org/mailman/listinfo/microformats-new Microformats New].
* Merci de faire parvenir toutes vos questions et idées sur la liste de discussion [http://microformats.org/mailman/listinfo/microformats-new Microformats New].


=== Problématiques ===
=== Problématiques ===
Regardez svp : [[hmedia-issues]]
Regardez svp : [[hmedia-issues]]


{{Template:hmedia-related-pages}}
{{Template:hmedia-related-pages-fr}}
 
[[Category:Draft Specifications]]
[[Category:Draft Specifications]]

Latest revision as of 16:27, 18 July 2020

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