hmedia-fr

From Microformats Wiki
Revision as of 11:50, 26 August 2009 by ChristopheDucamp (talk | contribs)
Jump to navigation Jump to search

<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 de nombreux standards ouvert microformat standards.

hMedia Spécification Draft 2009-01-04

Editeur/Auteur

Contributeurs

Par ordre historique de constribution

Traduction en Cours

  • [User:ChristopheDucamp| 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

This specification is subject to a royalty free patent policy, e.g. per the W3C Patent Policy, and IETF RFC3667 & RFC3668.

Princpes de Design XHTML Sémantique

Note: the Semantic XHTML Design Principles were written primarily within the context of developing hCard and hCalendar, thus it may be easier to understand these principles in the context of the hCard design methodology (i.e. read that first). Tantek

XHTML is built on XML, and thus XHTML based formats can be used not only for convenient display presentation, but also for general purpose data exchange. In many ways, XHTML based formats exemplify the best of both HTML and XML worlds. However, when building XHTML based formats, it helps to have a guiding set of principles.

  1. Reuse the schema (names, objects, properties, values, types, hierarchies, constraints) as much as possible from pre-existing, established, well-supported standards by reference. Avoid restating constraints expressed in the source standard. Informative mentions are ok.
    1. For types with multiple components, use nested elements with class names equivalent to the names of the components.
    2. Plural components are made singular, and thus multiple nested elements are used to represent multiple text values that are comma-delimited.
  2. Use the most accurately precise semantic XHTML building block for each object etc.
  3. Otherwise use a generic structural element (e.g. <span> or <div>), or the appropriate contextual element (e.g. an <li> inside a <ul> or <ol>).
  4. Use class names based on names from the original schema, unless the semantic XHTML building block precisely represents that part of the original schema. If names in the source schema are case-insensitive, then use an all lowercase equivalent. Components names implicit in prose (rather than explicit in the defined schema) should also use lowercase equivalents for ease of use. Spaces in component names become dash '-' characters.
  5. Finally, if the format of the data according to the original schema is too long and/or not human-friendly, use <abbr> instead of a generic structural element, and place the literal data into the 'title' attribute (where abbr expansions go), and the more brief and human readable equivalent into the element itself. Further informative explanation of this use of <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 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.

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

Based on Perl's standard quantifiers:

bold {1} MUST be present exactly once
italic* OPTIONAL, and MAY occur more than once
+ MUST be present, and MAY occur more than once
? OPTIONAL, but MUST NOT occur more than once
[square brackets] list of common values
(parentheses) data format
# comment
! awaiting documentation

Définition Schéma

The key words "MUST", "MUST NOT", "REQUIRED", "SHALL", "SHALL NOT", "SHOULD", "SHOULD NOT", "RECOMMENDED", "MAY", and "OPTIONAL" in this document are to be interpreted as described in 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 identitié 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>
   <dt>enclosure</dt>
   <dd>
     Indicates that the referred url is a download of the 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

Podcast and Vidcast feeds reference a sequence of media items. hMedia can therefore be used as a child element of hAtom.

Regardez svp : hAtom+hMedia exemple.

Media Evénements

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 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.

Please see: hCalendar and hMedia.

Media Critiques

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 item

Please see: hReview and 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.

Implémentations

Cette section est informative.

Les implémentations qui suivent ont été développées et soit génère 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.

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 : [1]
  • 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

Do you want to help develop the next version of hMedia? Please add your thoughts and insight on the hmedia-brainstorming page.

Discussions

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

Problématiques

Regardez svp : hmedia-issues

Related Pages

  • A new proposal for h-media [2]
Retrieved from "http://microformats.org/wiki/index.php?title=hmedia-fr&oldid=40372"