Microformats Wiki - User contributions [en]

xfolk

2006-07-06T18:17:34Z

RodBegbie: /* Many more examples */ added Groovy Links

<h1> xFolk (RC1) </h1>

xFolk is a simple and open format for publishing collections of bookmarks. It better enables services for improving user experience and sharing data in web-based bookmarking software. xFolk may be embedded in (X)HTML, Atom, RSS, and arbitrary XML. It is one of several open [[microformats|microformat]] standards.

__TOC__

== Draft Specification ==

=== Editor/Author ===
[http://thecommunityengine.com/ Bud Gibson], [http://thecommunityengine.com The Community Engine]

=== Copyright ===
{{MicroFormatCopyrightStatement2005}}

=== Patents ===
{{MicroFormatPatentStatement}}

=== Inspiration and Acknowledgments ===
Thanks to: [http://www.cnbc.cmu.edu/~plaut/ David Plaut] who introduced me to the idea that items may partially belong to many categories at once. More recently, thanks to: [http://tantek.com/ Tantek Çelik], [http://epeus.blogspot.com/ Kevin Marks], [http://steve.osdir.com/ Steve Mallet], [http://hybernaut.com/ Brian DelVecchio], and [http://blogmarks.net François Hodierne] who have contributed to the development of xFolk with thoughtful critiques and implementations.

== Introduction ==
Social bookmarking services let users save and tag bookmarks to share with other users. Over the past year, the number of these services has mushroomed to [http://en.wikipedia.org/wiki/Social_bookmarking over 20], with popular examples including: [http://del.icio.us del.icio.us], [http://furl.com furl], [http://de.lirio.us de.lirio.us], [http://jots.com jots], and [http://blogmarks.net blogmarks].

Lack of an open, interoperable data standard is a major issue in using social bookmarking services. An open standard would make it possible to easily collect social bookmark data and remix it to invent new services along the lines of [http://gataga.com gataga]'s experimental bookmark search engine. An open standard would also make it possible to write javascripts that work across services [http://johnvey.com/features/deliciousdirector/ as some currently do for del.icio.us], enabling across-the-board improvements in user experience.

xFolk is an open social bookmarking standard that aims to achieve both benefits. Social bookmarking services that adopt xFolk will continue to differentiate themselves with data services. But, the data itself will be easy to manipulate by third party scripts and easy to share. As a result, bookmarking services will be able to offer a wider array of options to their users at low cost and focus on what truly differentiates them. Individuals or groups operating standalone bookmark repositories will have access to a wider array of functionality than they can produce on their own.

== Semantic XHTML Design Principles ==
{{semantic-xhtml-design-principles}}

== Format ==
Extensive analysis of social bookmarking services and linkblogs, reported on [http://thecommunityengine.com/home/archives/xfolk elsewhere], reveals that the data published by both bookmarking services and '''many''' different linkblogs are described by the following implied schema:

* A bookmarked or tagged link.
* A title for the entry.
* Tags for the link.
* An extended description or summary of the link.

As demonstrated in early iterations of the xFolk standard, this general schema can be translated into markup by:

# creating a container element for each entry of class <code>xfolkentry</code>,
# using an <a> element for the bookmarked or tagged link of class <code>taggedlink</code>,
# using title attribute for the tagged link <a> element, if it exists, as the entry title, otherwise using the element value,
# using [[reltag|RelTag]] for the tags, and
# using a container element of class <code>description</code>, such as <p>, for any extended description or summary.

A given xFolk entry will always contain a tagged link including a title with all other elements optional. Entries may have more than one tag as well as more than one element of class <code>description</code>. Multiple elements of class <code>description</code> are ordered by default document order. Semantic elements within xFolk entries may be nested at arbitray depths.

Many social bookmarking systems exist, each with its own markup conventions. Further, many people are already publishing personal link blogs. xFolk is designed with ease of adapting to these current practices as a primary goal. Therefore, few assumptions are made as to the exact kinds of elements used for an xFolk entry. Rather, the work of defining semantics is left entirely to the class and rel (in the case of [[reltag]]) attribute values.

It is expected that developers will use [http://www.w3.org/TR/xpath XPath] or equivalent syntax in accessing xFolk entry elements. a requirement for XPath is that the (X)HTML document be well-formed but not necessarily valid. Thus, while undesirable, it is possible to serviceably use xFolk in an (X)HTML document that does not validate.

=== XMDP Profile ===

See the [[xfolk-profile|xFolk profile]] for the [http://gmpg.org/xmdp XMDP] profile of xFolk.

== Example ==
Here is a sample bookmark as displayed in [http://del.icio.us del.icio.us]'s standard markup. Lines where the value of elements' class attributes must change to conform to xFolk are marked with a comment at the end.
<pre><div class="post"> 
<div>
<a class="delLink" href="http://www.sifry.com/alerts/archives/000306.html"> 
Sifry's Alerts: Technorati launches Related Tags
</a>
</div>
<div class="extended"> 
Ever wanted to see what posts are related to other posts, what tags
are related to others? Now you can! Just check under the Tag
description on most tag pages, like this one, or this one, and you'll
see the patterns. Can you smell the emergence?
</div>
<div class="meta">
to
<a class="delNav" href="/fpgibson/folksonomy">folksonomy</a> 
<a class="delNav" href="/fpgibson/technorati">technorati</a> 
... <a class="delNav" href="/url/cbcabf7de070fdb46598ee679367be49">
and 1 other person
</a>
... on 2005-04-09
</div>
</div></pre>

The equivalent in xFolk is as follows. Comments are placed at the end of lines where class attribute changes were required.
<pre><nowiki>
<div class="xfolkentry"> 
<div>
<a class="taggedlink" href="http://www.sifry.com/alerts/archives/000306.html"> 
Sifry's Alerts: Technorati launches Related Tags
</a>
</div>
<div class="description"> 
Ever wanted to see what posts are related to other posts, what tags
are related to others? Now you can! Just check under the Tag
description on most tag pages, like this one, or this one, and you'll
see the patterns. Can you smell the emergence?
</div>
<div class="meta">
to
<a rel="tag" href="/fpgibson/folksonomy">folksonomy</a> 
<a rel="tag" href="/fpgibson/technorati">technorati</a> 
... <a class="delNav" href="/url/cbcabf7de070fdb46598ee679367be49">
and 1 other person
</a>
... on 2005-04-09
</div>
</div>
</nowiki></pre>

Converting markup to be conformant with xFolk is almost always this easy. The advantage of xFolk is that it provides one set of class attributes that can be reused across all services and link blogs, almost always with no loss of granularity. The next section presents several more examples to illustrate this point.

== Many more examples ==

We have numerous examples to help developers incorporate xFolk into their sites.

=== In the wild ===

These are real live examples of functioning systems that publish bookmarks in xFolk. These are a great place to start for anyone looking for examples "in the wild" to try parsing, indexing, organizing etc. If you publish using xFolk, feel free to add it to the top of this list. Once the list grows too big, we'll make a separate wiki page.

* [http://waferbaby.com/hussy waferbaby's Hussy] currently publishes links using xFolk.
* [http://smarking.com/ Smarking] currently publishes all shared links (including search results) using xFolk.
* [http://unalog.com unalog] currently publishes all shared links (including search results) using xFolk.
* [http://de.lirio.us de.lirio.us] currently publishes its bookmarks using xFolk (with the deprecated class attribute <code>extended</code> in place of <code>description</code>, see [[xfolk-profile | the XMDP]]).
* [http://dev.blogmarks.net/wiki/BlogSync blogmarks] currently exports bookmarks to blogs in xFolk (scroll down to the export example on the page; the deprecated class attribute <code>extended</code> is used in place of <code>description</code>, see [[xfolk-profile | the XMDP]]).
* [http://thecommunityengine.com The Community Engine] uses xFolk (with the deprecated class attribute <code>extended</code> in place of <code>description</code>, see [[xfolk-profile | the XMDP]]) for its [http://thecommunityengine.com/home main entries] and for its [http://thecommunityengine.com/webcites republished bookmarks].
* [http://groovymother.com/links/ Groovy Links] is a link blog which is marked up with xFolk.

=== Additional social bookmarking services ===

This example illustrates how xFolk may be applied to one additional service:

* [[xfolk-scuttle | scuttle]]

=== Link blogs ===

Social bookmarking services are only the most recent examples of people publishing links. Link blogs have been around almost since the beginning of blogging. They represent somewhat more of a challenge for xFolk because their markup tends to be less semantic from the outset. The following examples illustrate some particular challenges and how they can be overcome.

* [[xfolk-kottke | kottke]]
* [[xfolk-pollas | pollas]]
* [[xfolk-jacobian | jacobian]]
* [[xfolk-julian-bez | julian-bez]]

== Implementations ==

The following implementations have been developed which generate or use xFolk. If you have an xFolk implementation, feel free to add it to the top of this list. Once the list grows too big, we'll make a separate wiki page.

* [http://claimid.com claimID] has implemented xFolk for people's links.
* [http://ma.gnolia.com ma.gnolia] now supports xFolk.
* [http://smarking.com/ Smarking.com] (a social bookmarking service) marks up their tagged links with xFolk! Hat tip: [http://3spots.blogspot.com/2006/05/social-bookmarking-smarking.html 3spots: Social + bookMARKING = Smarking] which itself is an [[hreview|hReview]].
* [http://blog.codeeg.com/2006/03/20/flock-tails-flocktails/ Flocktails] - port of Tails extension for Flock 0.5.12 that looks for hCards, hCalendar, xFolk and hReview and tosses them into a handy topbar
* [http://blog.codeeg.com/tails-firefox-extension/ Tails is a Firefox Extension] that will display the presence of microformats ([[hcard|hCard]], [[hcalendar|hCalendar]], [[hreview|hReview]], [[xfolk|xFolk]]) on a webpage.
* Bud Gibson and Mike Migurski [http://thecommunityengine.com/home/archives/2005/09/vegomatic_an_al.html have written] [http://thecommunityengine.com/veg-o-matic veg-o-matic], an xFolk reblogging tool and service.
* [http://inside.glnetworks.de/ Martin Rehfeld] has updated the work of [http://blogmatrix.blogmatrix.com/ David Janes] and produced a [[Greasemonkey]] [http://inside.glnetworks.de/2006/06/05/microformats-have-arrived-in-firefox-15-greasemonkey-06/ script] that finds many microformat elements, including xFolk and [http://blog.davidjanes.com/mtarchives/2005_08.html#003379 provides a popup menu of actions]. ''This will work with FireFox 1.5+/GreaseMonkey 0.6.4+ now.''
* [http://www.midgard-project.org/midcom-permalink-6416db7e1f0e297b4cf3dcc285702a8d net.nemein.bookmarks], the bookmark manager in [http://www.midgard-project.org/ Midgard CMS] uses xFolk as the native output format, with added <code>abbr class=posted</code> for publication date and <code>abbr class=poster</code> for user who added the bookmark. See [http://bergie.iki.fi/links/ example]
* [http://de.lirio.us de.lirio.us] currently publishes its bookmarks using xFolk 0.4 (the class attribute <code>extended</code> is used in place of description).
* [http://dev.blogmarks.net/wiki/BlogSync blogmarks] currently exports bookmarks to blogs in xFolk 0.4 (scroll down to the export example on the page; the class attribute <code>extended</code> is used in place of <code>description</code>).

== References ==
=== Normative References ===
* [http://www.w3.org/TR/2002/REC-xhtml1-20020801/ XHTML 1.0 SE]
* [[rel-tag]]

=== Informative References ===
* [http://thecommunityengine.com/home/archives/xfolk articles about xFolk]
* [http://thecommunityengine.com/home/archives/tags/microformats articles about the business value of microformats]
* [http://gataga.com gataga social bookmark search engine]
* [http://johnvey.com/features/deliciousdirector/ an ajax based interface for del.icio.us]
* [http://en.wikipedia.org/wiki/Social_bookmarking social bookmarking defined at wikipedia]

=== Similar Work ===
* [[hreview | hReview]]

== Work in progress ==
Although this specification has recently begun to stabilize as indicated by the version RC1, it is still a work in progress. If warranted, I am prepared to go through multiple release candidates to achieve the narrow purpose of making bookmark entries more genrally accessible with as with as light weight a format as possible. All changes since the last iteration have been motivated by the implementation experience of developers attempting to achieve this narrow aim. Further changes will also most likely be motivated by implementation concerns. See "future directions" below for additional microformat possibilities.

=== Changes since xFolk 0.4 ===
The class attribute value <code>extended</code> was deprecated in favor <code>description</code> to better conform with other microformat usage and some requests during implementation. The other change has been to allow use of multiple elements of class <code>extended</code> based on some use cases discovered in implementation.

=== Future directions ===
There are several extensions one might imagine for xFolk. Frequently, these extensions are best achieved by combining xFolk with another microformat. For instance, one might want to indicate his or her evaluation of the bookmarked item. This might be achieved by using [[vote-links | Vote Links]] or [[hreview | hReview]] with xFolk.

One can also imagine extending xFolk to provide data conformant with various social bookmarking service APIs, for instance to provide all bookmarks by tag. These APIs are currently too fluid for specification in any kind of standard. The APIs and the functionality they provide represent one way social bookmarking services and meta services can differentiate themselves.

A companion format called "xFolk definition" is under development. xFolk definition will provide a means of explicitly defining the tags used in social bookmarks.

=== Brainstorming ===
* [[xfolk-brainstorming|xFolk brainstorming]]

== Discussions ==

=== Q&A ===
* If you have any questions about xFolk, check the [[xfolk-faq|xFolk FAQ]], and if you don't find answers, add your questions!

=== Issues ===
* Please add any issues with the specification to the separate [[xfolk-issues | xFolk issues]] document.

music-examples

2006-03-24T20:54:41Z

RodBegbie: Scribbled TODOs for me to fill out over the weekend

= Music Examples =
An attempt to gather together examples of pages describing, linking to, or referring to music.

== The Problem ==
''What is the purpose of this exploration?''

== Participants ==
* [[User:RodBegbie | Rod Begbie]]

== Introduction ==

Examples of what people actually publish on the Web when discussing, linking to, referring to media. This is focused predominantly on time based media such as audio and video, but may consider aspects of static media as well such as still images.

== Emphasis on Practical, Simple, and Minimal ==

Since all previous known attempts at this problem area have ended up quite complex and over-designed, this attempt will place simplicity and minimalism first and foremost.

Thus for now, this document is deliberately restricted to examples that are:
* ''Actual'' examples in practice on the Web '''with URLs''' to the originals (note, all *-examples pages should be like this, but previous attempts at documenting media info examples have mostly ignored this requirement, and thus it is necessary to be explicit).
* Representative of ''very common'' publishing behavior on the Web. This focus on common, representative examples is essential. If possible, include an estimate of the number of similar examples. E.g. ~10k.
* Simple and minimalist. As simple as possible. Go read [http://microformats.org/wiki/microformats#the_microformats_principles the microformats principles] right now before proceeding any further.

Any examples added which do not conform to these requirements will be deleted.

Any generic analysis will also be deleted. Analysis before examples is premature. Once there are sufficient media-info-examples, and hopefully a simple/clean listing of [[media-info-formats]], we'll hopefully start a [[media-info-brainstorming]] page to do aggregate analysis of the examples.

== Table of Contents ==

__TOC__

== Real World Examples ==

=== Commerce Sites ===
* TODO: Links to Amazon, buy.com, etc.

=== Music Journalism ===
* TODO: Links to NME, Rolling Stone, Paste, Q, Pitchfork
* TODO: Links to collaborative music review sites

=== Artist pages ===
* TODO: Links to official artist pages
* TODO: Links to unofficial fan-run artist pages
* TODO: Links to artists' myspace/tagworld pages

=== Record Label pages ===
* TODO: Warners/Sony/BMG Homepages
* TODO: Indie label homepages

=== Music database sites ===
* TODO: Musicbrainz, AMG, Muse, etc.

=== Social sites ===
* TODO: Last.fm, Myspace, LiveJournal?

music-examples

2006-03-24T20:37:32Z

RodBegbie: Pasting in examples-template for now

= [Example Title] =
Introductory sentence

== The Problem ==
''What is the purpose of this exploration?''
== Participants ==
* ''Bulleted list of who is active (or cares)''
== Real-World Examples ==
''Links to public web pages, either popular or insightful''
=== [Example #1 (url)] ===
pre
escaped <tags>

=== [Example #2 (url)] ===
pre
escaped <tags>

== Existing Practices ==
* ''Summary of common patterns discovered''
* ''Other attempts to solve The Problem''
== Proposal ==
* Early drafts
* ''Link to related pages as they become available''
** -brainstorming
** - proposal
** -microformat
== See Also ==
* ''Other microformats''
* ''Normative references for tags used''

Main Page

2006-03-24T20:37:11Z

RodBegbie: /* Exploratory discussions */ adding music-examples page

__NOTOC__
__NOTOC__
= Microformats Wiki =

'''Please read [[how-to-play]] before making any edits.'''

'''Please read [[process]] before proposing any new microformats.'''

== Introduction ==

What are microformats? See the [http://microformats.org/about/ about page] for an overview, and the [[introduction]] page for more info. Recent [[press]] and [[presentations]] are also a good place for some background reading as well. Frequently asked questions are answered in the [[faq]]. Want something or want to contribute? Help with things [[to-do]].

One popular definition from our [http://microformats.org/discuss/ mailing list] is "simple conventions for embedding semantics in HTML to enable decentralized development." More precisely, microformats can be defined as:
:simple conventions
:for embedding semantic markup
::for a specific problem domain
:in human-readable (X)HTML/XML documents, Atom/RSS feeds, and "plain" XML
::that normalize existing content usage patterns
::using brief, descriptive class names
::often based on existing interoperable standards
:to enable decentralized development
::of resources, tools, and services

"Or do you just use your browser to browse? That's so 20th century." -- [http://diveintomark.org Mark Pilgrim]

== Specifications ==
[[microformats|Microformats]] open standards specifications (see also: [[implementations]])
* [[hcalendar|hCalendar]]
* [[hcard|hCard]]
* [[rel-license]]
* [[rel-nofollow]]
* [[rel-tag]]
* [[vote-links|VoteLinks]]
* [http://gmpg.org/xfn/ XFN] (see also: [[xfn-implementations]])
* [http://gmpg.org/xmdp/ XMDP]
* [[xoxo|XOXO]]

== Drafts ==
* [[adr|adr]]
* [[geo|geo]]
* [[hatom|hAtom]] {{NewMarker}}
* [[hresume|hResume]] {{NewMarker}}
* [[hreview|hReview]]
* [[rel-directory]]
* [[rel-enclosure]]
* [[relpayment-research | rel-payment]]
* [[robots-exclusion|Robots Exclusion]]
* [[xfolk|xFolk]]
* [[rel-home]] {{NewMarker}}

== Design Patterns ==

Design patterns give microformat authors a vocabulary for expressing their ideas consistently with what has already been done. ''If you're tempted to try your hand at writing a microformat '''[[process|read this first]]'''!''

* [[abbr-design-pattern]]
* [[class-design-pattern]]
* [[datetime-design-pattern]]
* [[existing-classes|class names defined across all microformats]]
* [[include-pattern]] {{NewMarker}}
* [[rel-design-pattern]]

== Exploratory discussions ==
Research and analysis of real-world [[examples]], existing formats, and brainstorming to motivate the microformat.
*[[attention]]
*[[blog-description-examples]]
*[[blog-info-examples]]
*[[blog-post-examples]], [[blog-post-formats]], [[blog-post-brainstorming]] (yields [[hatom|hAtom]])
*[[book-examples]], [[book-formats]], [[book-brainstorming]]
*[[chat-examples]], [[chat-formats]]
*[[citation|citation microformat overview]], [[citation-examples]], [[citation-formats]], [[citation-brainstorming]]
*[[comment-problem]], [[comment-examples]], (need to extract from [[comments-formats]])
*[[directory-inclusion-examples]], [[directory-inclusion-formats]]. (see also [[rel-directory]])
*[[distributed-conversation]], [[distributed-conversation-brainstorming]], [[distributed-conversation-examples]], [[distributed-conversation-formats]]
*[[forms-examples]]
*[[genealogy-formats]]
*[[hash-examples]]
*[[last-modified-examples]], [[last-modified-formats]], [[last-modified-brainstorming]]
*[[hlisting-proposal]], [[hlisting-feedback]] {{NewMarker}}
**[[listing-examples]], [[listing-formats]], [[listing-brainstorming]]
*[[location-formats]]. (see also [[adr]] and [[geo]])
*[[media-info-examples]]
*[[mfo-examples]]
*[[music-examples]]
*[[other-formats]]
*[[photo-note-examples]]
*[[recipe-examples]]
*[[requirements-testing]], [[requirements-testing-examples]]
*[[rest-examples]]
*[[resume-brainstorming]], [[resume-formats]]
*[[review-examples]], [[review-formats]] (yielded the [[hreview|hReview]] draft)
*[[search-results-example]]
*[[show-brainstorming]]
*[[showroll-brainstorming]]
*[[table-examples]]
*[[tagspeak-examples]]
*[[transit-table-examples]]
*[[widget-examples]], [[widget-brainstorming]]
*[[wiki-formats]]
*[[xmdp-brainstorming]] (see also [[xmdp-faq]])

== Examples ==
* [[examples]]
* [[zen-garden]] {{NewMarker}}

== Tools & Test Cases & Additional Research ==

The first place to look for examples, code, and test cases is in the pages for each individual microformat. There are only a few cross-cutting tools and services that need to process more than one microformat. This section is intended for editors, parsers, validators, test cases, and other information relevant across multiple microformats.

*[[parsing-microformats]]
*[[selected-test-cases-from-the-web]]
*[[vcard-implementations]], [[vcard-errata]]
*[[icalendar-implementations]]
*[[faqs-for-rdf]]
*[[why-are-content-standards-hard]]

== shared work areas ==
* [[buttons]] {{NewMarker}}
* [[demo]] - a page with links for quickly demonstrating microformats working in practice.
* [[events]] {{NewMarker}}
* [[to-do]]
* [[marked-for-deletion]]

== microformats wiki in other languages ==

You may read and edit microformats articles in <del>many different</del> other languages

=== microformats wiki languages with over 2 articles ===

* [[Main_Page-fr|Français (French)]]
* [[Main_Page-jp|日本語 (Japanese)]] {{NewMarker}}

=== Start a microformats wiki in another language ===

Don't see the language you want? Help translate the microformats wiki into another language!

We're still figuring this out.

For now, see the [http://en.wikipedia.org/wiki/Wikipedia:Multilingual_coordination Wikipedia page on Multilingual coordination], and [http://meta.wikimedia.org/wiki/How_to_start_a_new_Wikipedia How to start a new Wikipedia] for some good general tips, advice, and community conventions.

You may want to start with the list of [[stable-pages]], which are pages that are relatively stable, and have only minimal/editorial changes, which makes them much easier to keep in sync with the English versions, by using the [[Special:Watchlist|my watchlist]] feature (use it to watch the pages you've translated for changes).

Page naming: for the translated version of a page, use the same name for the page, and simply add the RFC 3066 language identifier code as a dash suffix. E.g. for the French version, [[Main_Page]] becomes [[Main_Page-fr]], and [[how-to-play]] becomes [[how-to-play-fr]].

==== more languages folks want to see ====

* Chinese: 微格式 (Microformats) (see [http://msittig.blogspot.com/2005/11/since-i-translated-schedule-of.html source of translation])

<div style="display:none">
[l_sp]
<a href="http://test.com"> test</a>

</div>

media-info-brainstorming

2006-02-15T23:02:35Z

RodBegbie:

= Brainstroming for Media Microformat =

This is a brainstorm for media microformat. Examples of media-info can be found here [http://microformats.org/wiki/media-info-examples media-info-examples]

== Contributors ==

* [http://napsterization.org/stories/ Mary Hodder]
* [http://onlisareinsradar.com/ Lisa Rein]

== The Problem ==

There are infinite 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. Having a single publishing format to relate them as needed in an organized structure makes sense.

== Elements that come up often in practice ==
Here are some examples of elements that might be included because they seem to come up often in user generated media publishing, either on their own blogs or on service sites, include the following:

<strong>Base elements:</strong>
* Title
* Html URL
* Media URL
* Image URL (video and audio)
* Tags
* Description / summary
* Quotes (subsets of the object: a video quote and tags/description associated with it, a region annotation note for a photo, or the quote of a podcast or audio piece, with tags/description -- the technical detail for these subsets exists in the 'more info' section below)
* Creator
* License (defaults to copyright, if none exists, but it's there, by US law, and many other areas of the world)

and for audio and visual:
* Duration

<strong>Other info</strong>:
(This is not the same for all types of media, and is published by users in very limited ways in practice, or is captured from the device or service or in some way, invisible to the user, and therefore often depends on a service to pick it up. It should only appear in a publishing tool under 'more data' at then end, for enthusiast users.)

<table border="1" cellspacing="2" cellpadding="2">

<tr><th><strong>JPG</strong></th><th><strong>Video</strong></th><th><strong>Audio</strong></th></tr>

<tr><th>Device</th><th>Device</th><th>Device</th></tr>

<tr><th>Ratio</th><th>Aspect Ratio</th><th>?</th></tr>

<tr><th>file size</th><th>file size</th><th>file size</th></tr>

<tr><th>.</th><th>audio codec</th><th>audio codec</th></tr>

<tr><th>.</th><th>video codec</th><th>.</th></tr>

<tr><th>.</th><th>bit / frame rate</th><th>bit rate</th></tr>

<tr><th>Portrait or Landscape</th><th>.</th><th>.</th></tr>

<tr><th>Region Annotation (subphotos: calculation of location, size)</th><th>Quotes of Video (subvideo: in and out points)</th><th>Quotes of Audio (subaudio: in and out points)</th></tr>

<tr><th>iPod compliant?</th><th>iPod compliant?</th><th>iPod compliant?</th></tr>

<tr><th>Time</th><th>Time</th><th>Date</th></tr>

<tr><th>Date</th><th>Date</th><th>Date</th></tr>

<tr><th>Inclusion in playlist?</th><th>Inclusion in playlist?</th><th>Inclusion in playlist?</th></tr>

</table>

media-info-examples

2006-02-15T22:59:18Z

RodBegbie: /* Music */ Myspace info

= Media Info Examples =

== Contributors ==

* [http://tantek.com/log/ Tantek Çelik]
* [http://joshkinberg.com/blog/ Joshua Kinberg]
* [http://napsterization.org/stories/ Mary Hodder]
* [http://onlisareinsradar.com/ Lisa Rein]
* [[User:ChrisMessina | ChrisMessina]]
* [[User:RodBegbie | RodBegbie]]

== Introduction ==

Examples of what people actually publish on the Web when discussing, linking to, referring to media. This is focused predominantly on time based media such as audio and video, but may consider aspects of static media as well such as still images.

== Emphasis on Practical, Simple, and Minimal ==

Since all previous known attempts at this problem area have ended up quite complex and over-designed, this attempt will place simplicity and minimalism first and foremost.

Thus for now, this document is deliberately restricted to examples that are:
* ''Actual'' examples in practice on the Web '''with URLs''' to the originals (note, all *-examples pages should be like this, but previous attempts at documenting media info examples have mostly ignored this requirement, and thus it is necessary to be explicit).
* Representative of ''very common'' publishing behavior on the Web. This focus on common, representative examples is essential. If possible, include an estimate of the number of similar examples. E.g. ~10k.
* Simple and minimalist. As simple as possible. Go read [http://microformats.org/wiki/microformats#the_microformats_principles the microformats principles] right now before proceeding any further.

Any examples added which do not conform to these requirements will be deleted.

Any generic analysis will also be deleted. Analysis before examples is premature. Once there are sufficient media-info-examples, and hopefully a simple/clean listing of [[media-info-formats]], we'll hopefully start a [[media-info-brainstorming]] page to do aggregate analysis of the examples.

== Table of Contents ==

__TOC__

== Real World Examples ==

=== Overall Notes About Examples ===
These examples are organized into a short list of top level media categories, in the hopes that it will be easier to determine if there are media specific publishing behaviors, in addition to common behaviors across multiple types of media. Some may be subcategorized and distinguished by whether it was published by an individual publisher or a service:
* Audio (Speech, Music)
* Video
* Photos

The numbers after some of the examples' descriptions are based on numbers found pulling in media records at Dabble. Others may have higher numbers and would be encouraged to restate them if that's true.

=== Audio ===
==== Speech ====
Publication of audio speeches on blogs is often called "podcasting". In essence though, it is simply audio speech publishing. Quotes of audio files are beginning to appear, and publishers are putting up files with links to other audio files they've quoted from. Most audio appears to often have the same base elements as video and photos, with the exception of quotes.

===== Individual Publishing of Speech =====

* [http://www.microformats.org/blog/2005/09/30/web-essentials-audio/ Microformats: Web Essentials Audio]
** Appears to be composed of:
*** title/summary of the recording
*** clickable hyperlink to the recording (MP3)
** Contextual:
*** (primary) speaker is indicated in nearby text

* [http://www.thechrispirilloshow.com/help/20060119_chuck_cummins_on_windows_vista_interface_design.phtml Chris Pirillo podcast]
** This example has a Title, Html URL, media URL(s), description or summary, categories/tags underneath what is viewable, and date. +10k

* [http://yukelzon.blogspot.com/2006/01/podcasts.html Reflog's Random Thoughts podcast]
** This example has a Title, Html URL, description or summary, creator, tags and publish time and date. +10k records.

* [http://www.evilgeniuschronicles.org/wordpress/2006/01/12/egc-clambake-for-january-12-2006/ Evil Genius Chronicles podcast]
** This example has a Title, Html URL, description or summary, quotes URLs and descriptions, licence, creator, tags and publish time and date. +10k records.

* [http://www(dot)bizbyjake.com/2006/01/how-are-you-doing.html media published from a blog, Jake Steinfeld's Audio Blog] NOTE: this record had trouble because mediawiki blocks any DOTbiz domains and so while this domain coincidentally has a DOTbizbyjake.com name that is not a TLD, it was still blocked in the loading of the page with this example. So please adjust the URL manually and then visit the site.
** This example has a Title, Html URL, media URL, creator and publish time and date. +10k records.

==== Music ====
* [http://www.somesongs.com/ somesongs]
** Has song title (linked to more info), artist (linked to more info), play link (to mp3), and rating

* [http://www.bradsucks.net/music/ Brad Sucks » music]
** Has album title, song title, separate link to more info, inline flash player, and play link (to mp3)

* [http://www.scottandrew.com/music/ Scott Andrew - lo-fi acoustic pop superhero! > music >]
** Has album title, song title, album artwork, streaming link (to m3u), and play link (to mp3)

* [http://magnatune.com/genres/rock/ Magnatune]
** Has artist (linked to more info), artist description, album title (linked to more info), lofi streaming link (to m3u), hifi streaming link (to m3u), link to more info, link to license info, link to purchase info.

* [http://www.songfight.org/ SONG FIGHT!]
** Has theme, artist/play link (to mp3).

* [http://www.yes.com/ Yes.com]
** Music played in last hour ([http://www.yes.com/lookup.php?s=WERS example])
*** Flash page with track play time, artist, title, cover art. Affiliate linked to iTunes music store.
** Top 100 Chart ([http://www.yes.com/top100.php?s=WXKS example])
*** HTML page with chart position, last week's chart position, artist, title (affiliate link to iTunes music store)

* [http://www.hearingdouble.co.uk/dumb/index2.html Portishead Remixed]
** Whole page is for one album (a mash-up remix of a Portishead album). Has Album Track Number and Title (linked to mp3) and Remixer's name, plus cover art. Also a link to the BitTorrent download of the whole album.

* MySpace (examples: [http://myspace.com/theradioknives] [http://www.myspace.com/singsinguk] [http://www.myspace.com/arcticmonkeys])
** Artist pages containing embedded flash players. Song title starts song playing on embedded player. Download link optionally links to mp3.
** Link to artist's homepage, band members, influences, biography.

=== Video ===
Publication of video on blogs often goes by "videoblogging", "vlogging", "VODcasting", or "video podcasting". The typical process involves publishing a direct link to the video file within the blog entry. The blog entry can, but does not have to, include an embedded video player. Many videos include a thumbnail jpg which is clickable to the media object and player. Some video includes links to those other source videos, photos and audio that have been quoted. Most videos have the same base elements as photos and audio, with the exception of quotes.

==== Individual publishing of video ====

* [http://FreeVlog.org FreeVlog]: the most popular tutorial on the web describing the videoblogging process by combining free tools and services (Blogger, OurMedia/Internet Archive, FeedBurner).
** According to this process, a videoblog entry contains:
*** Direct link to the video file
*** Clickable thumbnail image/screen capture of the video
*** Contextual information about the video (title, description, etc) is usually contained in the surrounding blog entry

* [http://joshkinberg.com/popupmaker Video Pop Up Maker]
** This example based on the process taught at [http://FreeVlog.org FreeVlog] generates code to create a dynamic pop up window with embedded video player. The reasons for this are enumerated [http://www.unmediated.org/archives/2005/10/easily_create_p.php here]

* [http://ryanedit.blogspot.com/2006/01/light-water-music-2.html Ryanne's Video Blog]
** This example has a Title, Html URL, media URL, thumbnail url, description or summary, creator, and publish time. +50k

* [http://www.prototypen.com/blog/vjblog/archives/001244.html Artificial Eye: fALks world news view 05|07|11 video post]
** This example has a Title, Html URL, media URL, thumbnail url, description or summary, creator, quotes URLs and description, and publish time. +10k (quotes +5k)

* [http://www.itsjerrytime.com/ It's JerryTime! - episodic video content]
** This example has a Title, Html URL, media URL, thumbnail url and creator. +10k records.

* [http://www.bottomunion.com/Blog/ Bottom Union combined video + text blog]
** This example has a Title, Html URL, media URL, thumbnail URL, description or summary, creator, tags and publish time and date. +5k blogs

* [http://kitchenarts.blogspot.com/ KitchenArts instructional/marketing video blog]
** This example has a Title, Html URL, media URL, thumbnail URL, description or summary, creator, and publish time and date. +5k blogs

* [http://weblog.infoworld.com/udell/2005/12/06.html#a1348 Jon Udell's Weblog: Greasemonkeying Google Videomedia - blog post with quoting of video via greasemonkey plugin]. This example *may* be better suited to a study from the perspective of a citation.
** This example has a Title, Html URL, media URL, description or summary, creator, quote URLs and description, license and publish time. >100 records but is climbing rapidly.

* [http://rocketboom.com/vlog/ Rocketboom daily with amanda congdon - daily video posting in a blog-like format, with quoting of video, audio photos]
** This example has a Title, Html URL, media URL, description or summary, creator, quote URLs and description, license and publish time. This example also "auto-plays", that is, starts playing the video in the normal browser/HTML view upon loading of the page. +20k

==== Service publishing of video ====

* [http://blip.tv/ blip.tv - video blogging, podcasting and sharing service]
** This example has a Title, Html URL, media URL, thumbnail URL, description or summary, license, creator, tags and upload time. +1m across all hosters. +10k records.

* [http://youtube.com/ YouTube - Broadcast Yourself - video hosting and sharing service]
** This example has a Title, Html URL, thumbnail URL, description or summary, license, creator, tags and upload time. +1m across all hosters. +15k records.

* [http://mefeedia.com/ Mefeedia] - Mefeedia is the best place to find free videoblogs or video podcasts.
** This example has a Title, Html URL, thumbnail URL, thumbnail title, media type overlay icon, creator.

* [http://vimeo.com/ Vimeo] - The Flickr of Video
** This example has a Title, thumbnail (class=moduleClipThumb), thumbnail URL, Html URL, creator.

* [http://DailyMotion.com/ DailyMotion] - Watch, publish, share
** This example has a thumbnail (class=category_minilist_item_video_preview_image), with an Html URL, thumbnail URL, certain info (class=category_minilist_infos), title (class=category_minilist_item_title), href to country tag (with image icon with class=category_minilist_item_flag, image title set to country name).

=== Photos ===
* A few photos online have region annotation and quoting. But as tools are developed that are usable for mass publishers, this will likely increase.
* Many videos have thumbnails that are jpgs.
* Many videos use pictures and therefore the pictures themselves are quotes from the video.
* Most photos have the same elements as videos and audio, with the exception of quotes.

==== Individual Publishing of Photos ====
* [http://blog.bouckenooghe.com/2005/09/01/em6-a-est-fache-avec-le-centimetre/ Blog A Brac » E=m6 a est fâché avec le centimètre - photo with annotated screen-caps]
** This example has a Title, Html URL, media URL, description or summary, creator, quotes and descriptions, tags/categories, and publish date and time. +200 across all individually blogged photos.
* [http://scribbling.net/projects/fotonotesrolloverviewer/fotonotesplugin.php?p=helicopterovernyc.jpg Scribbling.net implementation of Fotonotes Plugin demonstrating the fotonotes annotation tool for photos]
** This example has media url, quotes and descriptions, creator. +200 across all individually blogged photos.

* For more work along the lines of 2d annotations, please see (and add to) [[photo-note-examples]].

==== Service publishing of photos ====

* [http://www.flickr.com/photos/500hats/50282408/ Flickr - Photo Sharing instance of a photo.]
** This example has a Title, Html URL, media URL, description or summary, quotes URLs and descriptions, licence, tags, upload time, playlist (set), license, creator, and other capture data. +millions across all hosters. +millions of records.

* [http://www.webshots.com/search?query=san+francisco&new=1&source=search_results_top Webshots - Search results, gallery view.]
** This example has a Title, Html URL, creator, licence, Premium/Standard access.

* [http://www.webshots.com/g/32/579-sh/25695.html Webshots - Single photo view.]
** This example has a Title, Html URL, creator, licence, link to creator's other photos. Three alternate download sizes, link to buy a print. Link to add as favorite. Link to next, previous photos in collection. Photo belongs to generic category (no tags). Links to related photo searches.

== Notes on Existing Practices ==

Mary Hodder:
* We are finding as we look at thousands of user generated media records, that all have titles, creator, at least a default licensing, most have tags whose functionality is made available through the hosting service (the richer the media, the more likely tagging goes toward 100%), Html and media URLs, thumbnail URLs, publishing date, and about 25% have quoting information of some sort (quotes of video or audio, and region quotes of photos).
* Tags apparently appear at the upload point on 61% of photos in Flickr, and within a short period, 80+% have tags. 12% of users in Flickr apparently tag photos other than their own.

== Next Steps ==
# Add more real-world, simple, minimal examples.
# Research and organize existing/previous [[media-info-formats]], with a focus on formats for publishing '''common''', '''user-visible''' media information.
# Start [[media-info-brainstorming]] based on examples.

== See Also ==
* [[media-metadata-examples]] - previous attempt to catalog and organize top down metadata systems generated by engineers and committees, as examples of elements, and includes formats which should be in a separate page. Useful as a source of research but this microformat needs to embrace the bottomup ways users are publishing photos, video and audio online.

media-info-examples

2006-02-15T22:42:19Z

RodBegbie: Added info on Portishead Remixed album.

= Media Info Examples =

== Contributors ==

* [http://tantek.com/log/ Tantek Çelik]
* [http://joshkinberg.com/blog/ Joshua Kinberg]
* [http://napsterization.org/stories/ Mary Hodder]
* [http://onlisareinsradar.com/ Lisa Rein]
* [[User:ChrisMessina | ChrisMessina]]
* [[User:RodBegbie | RodBegbie]]

== Introduction ==

Examples of what people actually publish on the Web when discussing, linking to, referring to media. This is focused predominantly on time based media such as audio and video, but may consider aspects of static media as well such as still images.

== Emphasis on Practical, Simple, and Minimal ==

Since all previous known attempts at this problem area have ended up quite complex and over-designed, this attempt will place simplicity and minimalism first and foremost.

Thus for now, this document is deliberately restricted to examples that are:
* ''Actual'' examples in practice on the Web '''with URLs''' to the originals (note, all *-examples pages should be like this, but previous attempts at documenting media info examples have mostly ignored this requirement, and thus it is necessary to be explicit).
* Representative of ''very common'' publishing behavior on the Web. This focus on common, representative examples is essential. If possible, include an estimate of the number of similar examples. E.g. ~10k.
* Simple and minimalist. As simple as possible. Go read [http://microformats.org/wiki/microformats#the_microformats_principles the microformats principles] right now before proceeding any further.

Any examples added which do not conform to these requirements will be deleted.

Any generic analysis will also be deleted. Analysis before examples is premature. Once there are sufficient media-info-examples, and hopefully a simple/clean listing of [[media-info-formats]], we'll hopefully start a [[media-info-brainstorming]] page to do aggregate analysis of the examples.

== Table of Contents ==

__TOC__

== Real World Examples ==

=== Overall Notes About Examples ===
These examples are organized into a short list of top level media categories, in the hopes that it will be easier to determine if there are media specific publishing behaviors, in addition to common behaviors across multiple types of media. Some may be subcategorized and distinguished by whether it was published by an individual publisher or a service:
* Audio (Speech, Music)
* Video
* Photos

The numbers after some of the examples' descriptions are based on numbers found pulling in media records at Dabble. Others may have higher numbers and would be encouraged to restate them if that's true.

=== Audio ===
==== Speech ====
Publication of audio speeches on blogs is often called "podcasting". In essence though, it is simply audio speech publishing. Quotes of audio files are beginning to appear, and publishers are putting up files with links to other audio files they've quoted from. Most audio appears to often have the same base elements as video and photos, with the exception of quotes.

===== Individual Publishing of Speech =====

* [http://www.microformats.org/blog/2005/09/30/web-essentials-audio/ Microformats: Web Essentials Audio]
** Appears to be composed of:
*** title/summary of the recording
*** clickable hyperlink to the recording (MP3)
** Contextual:
*** (primary) speaker is indicated in nearby text

* [http://www.thechrispirilloshow.com/help/20060119_chuck_cummins_on_windows_vista_interface_design.phtml Chris Pirillo podcast]
** This example has a Title, Html URL, media URL(s), description or summary, categories/tags underneath what is viewable, and date. +10k

* [http://yukelzon.blogspot.com/2006/01/podcasts.html Reflog's Random Thoughts podcast]
** This example has a Title, Html URL, description or summary, creator, tags and publish time and date. +10k records.

* [http://www.evilgeniuschronicles.org/wordpress/2006/01/12/egc-clambake-for-january-12-2006/ Evil Genius Chronicles podcast]
** This example has a Title, Html URL, description or summary, quotes URLs and descriptions, licence, creator, tags and publish time and date. +10k records.

* [http://www(dot)bizbyjake.com/2006/01/how-are-you-doing.html media published from a blog, Jake Steinfeld's Audio Blog] NOTE: this record had trouble because mediawiki blocks any DOTbiz domains and so while this domain coincidentally has a DOTbizbyjake.com name that is not a TLD, it was still blocked in the loading of the page with this example. So please adjust the URL manually and then visit the site.
** This example has a Title, Html URL, media URL, creator and publish time and date. +10k records.

==== Music ====
* [http://www.somesongs.com/ somesongs]
** Has song title (linked to more info), artist (linked to more info), play link (to mp3), and rating

* [http://www.bradsucks.net/music/ Brad Sucks » music]
** Has album title, song title, separate link to more info, inline flash player, and play link (to mp3)

* [http://www.scottandrew.com/music/ Scott Andrew - lo-fi acoustic pop superhero! > music >]
** Has album title, song title, album artwork, streaming link (to m3u), and play link (to mp3)

* [http://magnatune.com/genres/rock/ Magnatune]
** Has artist (linked to more info), artist description, album title (linked to more info), lofi streaming link (to m3u), hifi streaming link (to m3u), link to more info, link to license info, link to purchase info.

* [http://www.songfight.org/ SONG FIGHT!]
** Has theme, artist/play link (to mp3).

* [http://www.yes.com/ Yes.com]
** Music played in last hour ([http://www.yes.com/lookup.php?s=WERS example])
*** Flash page with track play time, artist, title, cover art. Affiliate linked to iTunes music store.
** Top 100 Chart ([http://www.yes.com/top100.php?s=WXKS example])
*** HTML page with chart position, last week's chart position, artist, title (affiliate link to iTunes music store)

* [http://www.hearingdouble.co.uk/dumb/index2.html Portishead Remixed]
** Whole page is for one album (a mash-up remix of a Portishead album). Has Album Track Number and Title (linked to mp3) and Remixer's name, plus cover art. Also a link to the BitTorrent download of the whole album.

=== Video ===
Publication of video on blogs often goes by "videoblogging", "vlogging", "VODcasting", or "video podcasting". The typical process involves publishing a direct link to the video file within the blog entry. The blog entry can, but does not have to, include an embedded video player. Many videos include a thumbnail jpg which is clickable to the media object and player. Some video includes links to those other source videos, photos and audio that have been quoted. Most videos have the same base elements as photos and audio, with the exception of quotes.

==== Individual publishing of video ====

* [http://FreeVlog.org FreeVlog]: the most popular tutorial on the web describing the videoblogging process by combining free tools and services (Blogger, OurMedia/Internet Archive, FeedBurner).
** According to this process, a videoblog entry contains:
*** Direct link to the video file
*** Clickable thumbnail image/screen capture of the video
*** Contextual information about the video (title, description, etc) is usually contained in the surrounding blog entry

* [http://joshkinberg.com/popupmaker Video Pop Up Maker]
** This example based on the process taught at [http://FreeVlog.org FreeVlog] generates code to create a dynamic pop up window with embedded video player. The reasons for this are enumerated [http://www.unmediated.org/archives/2005/10/easily_create_p.php here]

* [http://ryanedit.blogspot.com/2006/01/light-water-music-2.html Ryanne's Video Blog]
** This example has a Title, Html URL, media URL, thumbnail url, description or summary, creator, and publish time. +50k

* [http://www.prototypen.com/blog/vjblog/archives/001244.html Artificial Eye: fALks world news view 05|07|11 video post]
** This example has a Title, Html URL, media URL, thumbnail url, description or summary, creator, quotes URLs and description, and publish time. +10k (quotes +5k)

* [http://www.itsjerrytime.com/ It's JerryTime! - episodic video content]
** This example has a Title, Html URL, media URL, thumbnail url and creator. +10k records.

* [http://www.bottomunion.com/Blog/ Bottom Union combined video + text blog]
** This example has a Title, Html URL, media URL, thumbnail URL, description or summary, creator, tags and publish time and date. +5k blogs

* [http://kitchenarts.blogspot.com/ KitchenArts instructional/marketing video blog]
** This example has a Title, Html URL, media URL, thumbnail URL, description or summary, creator, and publish time and date. +5k blogs

* [http://weblog.infoworld.com/udell/2005/12/06.html#a1348 Jon Udell's Weblog: Greasemonkeying Google Videomedia - blog post with quoting of video via greasemonkey plugin]. This example *may* be better suited to a study from the perspective of a citation.
** This example has a Title, Html URL, media URL, description or summary, creator, quote URLs and description, license and publish time. >100 records but is climbing rapidly.

* [http://rocketboom.com/vlog/ Rocketboom daily with amanda congdon - daily video posting in a blog-like format, with quoting of video, audio photos]
** This example has a Title, Html URL, media URL, description or summary, creator, quote URLs and description, license and publish time. This example also "auto-plays", that is, starts playing the video in the normal browser/HTML view upon loading of the page. +20k

==== Service publishing of video ====

* [http://blip.tv/ blip.tv - video blogging, podcasting and sharing service]
** This example has a Title, Html URL, media URL, thumbnail URL, description or summary, license, creator, tags and upload time. +1m across all hosters. +10k records.

* [http://youtube.com/ YouTube - Broadcast Yourself - video hosting and sharing service]
** This example has a Title, Html URL, thumbnail URL, description or summary, license, creator, tags and upload time. +1m across all hosters. +15k records.

* [http://mefeedia.com/ Mefeedia] - Mefeedia is the best place to find free videoblogs or video podcasts.
** This example has a Title, Html URL, thumbnail URL, thumbnail title, media type overlay icon, creator.

* [http://vimeo.com/ Vimeo] - The Flickr of Video
** This example has a Title, thumbnail (class=moduleClipThumb), thumbnail URL, Html URL, creator.

* [http://DailyMotion.com/ DailyMotion] - Watch, publish, share
** This example has a thumbnail (class=category_minilist_item_video_preview_image), with an Html URL, thumbnail URL, certain info (class=category_minilist_infos), title (class=category_minilist_item_title), href to country tag (with image icon with class=category_minilist_item_flag, image title set to country name).

=== Photos ===
* A few photos online have region annotation and quoting. But as tools are developed that are usable for mass publishers, this will likely increase.
* Many videos have thumbnails that are jpgs.
* Many videos use pictures and therefore the pictures themselves are quotes from the video.
* Most photos have the same elements as videos and audio, with the exception of quotes.

==== Individual Publishing of Photos ====
* [http://blog.bouckenooghe.com/2005/09/01/em6-a-est-fache-avec-le-centimetre/ Blog A Brac » E=m6 a est fâché avec le centimètre - photo with annotated screen-caps]
** This example has a Title, Html URL, media URL, description or summary, creator, quotes and descriptions, tags/categories, and publish date and time. +200 across all individually blogged photos.
* [http://scribbling.net/projects/fotonotesrolloverviewer/fotonotesplugin.php?p=helicopterovernyc.jpg Scribbling.net implementation of Fotonotes Plugin demonstrating the fotonotes annotation tool for photos]
** This example has media url, quotes and descriptions, creator. +200 across all individually blogged photos.

* For more work along the lines of 2d annotations, please see (and add to) [[photo-note-examples]].

==== Service publishing of photos ====

* [http://www.flickr.com/photos/500hats/50282408/ Flickr - Photo Sharing instance of a photo.]
** This example has a Title, Html URL, media URL, description or summary, quotes URLs and descriptions, licence, tags, upload time, playlist (set), license, creator, and other capture data. +millions across all hosters. +millions of records.

* [http://www.webshots.com/search?query=san+francisco&new=1&source=search_results_top Webshots - Search results, gallery view.]
** This example has a Title, Html URL, creator, licence, Premium/Standard access.

* [http://www.webshots.com/g/32/579-sh/25695.html Webshots - Single photo view.]
** This example has a Title, Html URL, creator, licence, link to creator's other photos. Three alternate download sizes, link to buy a print. Link to add as favorite. Link to next, previous photos in collection. Photo belongs to generic category (no tags). Links to related photo searches.

== Notes on Existing Practices ==

Mary Hodder:
* We are finding as we look at thousands of user generated media records, that all have titles, creator, at least a default licensing, most have tags whose functionality is made available through the hosting service (the richer the media, the more likely tagging goes toward 100%), Html and media URLs, thumbnail URLs, publishing date, and about 25% have quoting information of some sort (quotes of video or audio, and region quotes of photos).
* Tags apparently appear at the upload point on 61% of photos in Flickr, and within a short period, 80+% have tags. 12% of users in Flickr apparently tag photos other than their own.

== Next Steps ==
# Add more real-world, simple, minimal examples.
# Research and organize existing/previous [[media-info-formats]], with a focus on formats for publishing '''common''', '''user-visible''' media information.
# Start [[media-info-brainstorming]] based on examples.

== See Also ==
* [[media-metadata-examples]] - previous attempt to catalog and organize top down metadata systems generated by engineers and committees, as examples of elements, and includes formats which should be in a separate page. Useful as a source of research but this microformat needs to embrace the bottomup ways users are publishing photos, video and audio online.

User:RodBegbie

2006-02-15T22:34:00Z

RodBegbie:

Cantankerous Scottish curmudgeon. Keen interest in music <s>meta</s>data. I don't speak for my employer, natch.

ObBlog: [http://groovymother.com groovymother...]

media-info-examples

2006-02-15T22:32:05Z

RodBegbie: Adding info on yes.com

= Media Info Examples =

== Contributors ==

* [http://tantek.com/log/ Tantek Çelik]
* [http://joshkinberg.com/blog/ Joshua Kinberg]
* [http://napsterization.org/stories/ Mary Hodder]
* [http://onlisareinsradar.com/ Lisa Rein]
* [[User:ChrisMessina | ChrisMessina]]
* [[User:RodBegbie | RodBegbie]]

== Introduction ==

Examples of what people actually publish on the Web when discussing, linking to, referring to media. This is focused predominantly on time based media such as audio and video, but may consider aspects of static media as well such as still images.

== Emphasis on Practical, Simple, and Minimal ==

Since all previous known attempts at this problem area have ended up quite complex and over-designed, this attempt will place simplicity and minimalism first and foremost.

Thus for now, this document is deliberately restricted to examples that are:
* ''Actual'' examples in practice on the Web '''with URLs''' to the originals (note, all *-examples pages should be like this, but previous attempts at documenting media info examples have mostly ignored this requirement, and thus it is necessary to be explicit).
* Representative of ''very common'' publishing behavior on the Web. This focus on common, representative examples is essential. If possible, include an estimate of the number of similar examples. E.g. ~10k.
* Simple and minimalist. As simple as possible. Go read [http://microformats.org/wiki/microformats#the_microformats_principles the microformats principles] right now before proceeding any further.

Any examples added which do not conform to these requirements will be deleted.

Any generic analysis will also be deleted. Analysis before examples is premature. Once there are sufficient media-info-examples, and hopefully a simple/clean listing of [[media-info-formats]], we'll hopefully start a [[media-info-brainstorming]] page to do aggregate analysis of the examples.

== Table of Contents ==

__TOC__

== Real World Examples ==

=== Overall Notes About Examples ===
These examples are organized into a short list of top level media categories, in the hopes that it will be easier to determine if there are media specific publishing behaviors, in addition to common behaviors across multiple types of media. Some may be subcategorized and distinguished by whether it was published by an individual publisher or a service:
* Audio (Speech, Music)
* Video
* Photos

The numbers after some of the examples' descriptions are based on numbers found pulling in media records at Dabble. Others may have higher numbers and would be encouraged to restate them if that's true.

=== Audio ===
==== Speech ====
Publication of audio speeches on blogs is often called "podcasting". In essence though, it is simply audio speech publishing. Quotes of audio files are beginning to appear, and publishers are putting up files with links to other audio files they've quoted from. Most audio appears to often have the same base elements as video and photos, with the exception of quotes.

===== Individual Publishing of Speech =====

* [http://www.microformats.org/blog/2005/09/30/web-essentials-audio/ Microformats: Web Essentials Audio]
** Appears to be composed of:
*** title/summary of the recording
*** clickable hyperlink to the recording (MP3)
** Contextual:
*** (primary) speaker is indicated in nearby text

* [http://www.thechrispirilloshow.com/help/20060119_chuck_cummins_on_windows_vista_interface_design.phtml Chris Pirillo podcast]
** This example has a Title, Html URL, media URL(s), description or summary, categories/tags underneath what is viewable, and date. +10k

* [http://yukelzon.blogspot.com/2006/01/podcasts.html Reflog's Random Thoughts podcast]
** This example has a Title, Html URL, description or summary, creator, tags and publish time and date. +10k records.

* [http://www.evilgeniuschronicles.org/wordpress/2006/01/12/egc-clambake-for-january-12-2006/ Evil Genius Chronicles podcast]
** This example has a Title, Html URL, description or summary, quotes URLs and descriptions, licence, creator, tags and publish time and date. +10k records.

* [http://www(dot)bizbyjake.com/2006/01/how-are-you-doing.html media published from a blog, Jake Steinfeld's Audio Blog] NOTE: this record had trouble because mediawiki blocks any DOTbiz domains and so while this domain coincidentally has a DOTbizbyjake.com name that is not a TLD, it was still blocked in the loading of the page with this example. So please adjust the URL manually and then visit the site.
** This example has a Title, Html URL, media URL, creator and publish time and date. +10k records.

==== Music ====
* [http://www.somesongs.com/ somesongs]
** Has song title (linked to more info), artist (linked to more info), play link (to mp3), and rating

* [http://www.bradsucks.net/music/ Brad Sucks » music]
** Has album title, song title, separate link to more info, inline flash player, and play link (to mp3)

* [http://www.scottandrew.com/music/ Scott Andrew - lo-fi acoustic pop superhero! > music >]
** Has album title, song title, album artwork, streaming link (to m3u), and play link (to mp3)

* [http://magnatune.com/genres/rock/ Magnatune]
** Has artist (linked to more info), artist description, album title (linked to more info), lofi streaming link (to m3u), hifi streaming link (to m3u), link to more info, link to license info, link to purchase info.

* [http://www.songfight.org/ SONG FIGHT!]
** Has theme, artist/play link (to mp3).

* [http://www.yes.com/top100.php?s=WXKS Yes.com]
** Music played in last hour ([http://www.yes.com/lookup.php?s=WERS example])
*** Flash page with track play time,
** Top 100 Chart ([http://www.yes.com/top100.php?s=WXKS example])
*** HTML page with chart position, last week's chart position, artist, title (affiliate link to iTunes music store)

=== Video ===
Publication of video on blogs often goes by "videoblogging", "vlogging", "VODcasting", or "video podcasting". The typical process involves publishing a direct link to the video file within the blog entry. The blog entry can, but does not have to, include an embedded video player. Many videos include a thumbnail jpg which is clickable to the media object and player. Some video includes links to those other source videos, photos and audio that have been quoted. Most videos have the same base elements as photos and audio, with the exception of quotes.

==== Individual publishing of video ====

* [http://FreeVlog.org FreeVlog]: the most popular tutorial on the web describing the videoblogging process by combining free tools and services (Blogger, OurMedia/Internet Archive, FeedBurner).
** According to this process, a videoblog entry contains:
*** Direct link to the video file
*** Clickable thumbnail image/screen capture of the video
*** Contextual information about the video (title, description, etc) is usually contained in the surrounding blog entry

* [http://joshkinberg.com/popupmaker Video Pop Up Maker]
** This example based on the process taught at [http://FreeVlog.org FreeVlog] generates code to create a dynamic pop up window with embedded video player. The reasons for this are enumerated [http://www.unmediated.org/archives/2005/10/easily_create_p.php here]

* [http://ryanedit.blogspot.com/2006/01/light-water-music-2.html Ryanne's Video Blog]
** This example has a Title, Html URL, media URL, thumbnail url, description or summary, creator, and publish time. +50k

* [http://www.prototypen.com/blog/vjblog/archives/001244.html Artificial Eye: fALks world news view 05|07|11 video post]
** This example has a Title, Html URL, media URL, thumbnail url, description or summary, creator, quotes URLs and description, and publish time. +10k (quotes +5k)

* [http://www.itsjerrytime.com/ It's JerryTime! - episodic video content]
** This example has a Title, Html URL, media URL, thumbnail url and creator. +10k records.

* [http://www.bottomunion.com/Blog/ Bottom Union combined video + text blog]
** This example has a Title, Html URL, media URL, thumbnail URL, description or summary, creator, tags and publish time and date. +5k blogs

* [http://kitchenarts.blogspot.com/ KitchenArts instructional/marketing video blog]
** This example has a Title, Html URL, media URL, thumbnail URL, description or summary, creator, and publish time and date. +5k blogs

* [http://weblog.infoworld.com/udell/2005/12/06.html#a1348 Jon Udell's Weblog: Greasemonkeying Google Videomedia - blog post with quoting of video via greasemonkey plugin]. This example *may* be better suited to a study from the perspective of a citation.
** This example has a Title, Html URL, media URL, description or summary, creator, quote URLs and description, license and publish time. >100 records but is climbing rapidly.

* [http://rocketboom.com/vlog/ Rocketboom daily with amanda congdon - daily video posting in a blog-like format, with quoting of video, audio photos]
** This example has a Title, Html URL, media URL, description or summary, creator, quote URLs and description, license and publish time. This example also "auto-plays", that is, starts playing the video in the normal browser/HTML view upon loading of the page. +20k

==== Service publishing of video ====

* [http://blip.tv/ blip.tv - video blogging, podcasting and sharing service]
** This example has a Title, Html URL, media URL, thumbnail URL, description or summary, license, creator, tags and upload time. +1m across all hosters. +10k records.

* [http://youtube.com/ YouTube - Broadcast Yourself - video hosting and sharing service]
** This example has a Title, Html URL, thumbnail URL, description or summary, license, creator, tags and upload time. +1m across all hosters. +15k records.

* [http://mefeedia.com/ Mefeedia] - Mefeedia is the best place to find free videoblogs or video podcasts.
** This example has a Title, Html URL, thumbnail URL, thumbnail title, media type overlay icon, creator.

* [http://vimeo.com/ Vimeo] - The Flickr of Video
** This example has a Title, thumbnail (class=moduleClipThumb), thumbnail URL, Html URL, creator.

* [http://DailyMotion.com/ DailyMotion] - Watch, publish, share
** This example has a thumbnail (class=category_minilist_item_video_preview_image), with an Html URL, thumbnail URL, certain info (class=category_minilist_infos), title (class=category_minilist_item_title), href to country tag (with image icon with class=category_minilist_item_flag, image title set to country name).

=== Photos ===
* A few photos online have region annotation and quoting. But as tools are developed that are usable for mass publishers, this will likely increase.
* Many videos have thumbnails that are jpgs.
* Many videos use pictures and therefore the pictures themselves are quotes from the video.
* Most photos have the same elements as videos and audio, with the exception of quotes.

==== Individual Publishing of Photos ====
* [http://blog.bouckenooghe.com/2005/09/01/em6-a-est-fache-avec-le-centimetre/ Blog A Brac » E=m6 a est fâché avec le centimètre - photo with annotated screen-caps]
** This example has a Title, Html URL, media URL, description or summary, creator, quotes and descriptions, tags/categories, and publish date and time. +200 across all individually blogged photos.
* [http://scribbling.net/projects/fotonotesrolloverviewer/fotonotesplugin.php?p=helicopterovernyc.jpg Scribbling.net implementation of Fotonotes Plugin demonstrating the fotonotes annotation tool for photos]
** This example has media url, quotes and descriptions, creator. +200 across all individually blogged photos.

* For more work along the lines of 2d annotations, please see (and add to) [[photo-note-examples]].

==== Service publishing of photos ====

* [http://www.flickr.com/photos/500hats/50282408/ Flickr - Photo Sharing instance of a photo.]
** This example has a Title, Html URL, media URL, description or summary, quotes URLs and descriptions, licence, tags, upload time, playlist (set), license, creator, and other capture data. +millions across all hosters. +millions of records.

* [http://www.webshots.com/search?query=san+francisco&new=1&source=search_results_top Webshots - Search results, gallery view.]
** This example has a Title, Html URL, creator, licence, Premium/Standard access.

* [http://www.webshots.com/g/32/579-sh/25695.html Webshots - Single photo view.]
** This example has a Title, Html URL, creator, licence, link to creator's other photos. Three alternate download sizes, link to buy a print. Link to add as favorite. Link to next, previous photos in collection. Photo belongs to generic category (no tags). Links to related photo searches.

== Notes on Existing Practices ==

Mary Hodder:
* We are finding as we look at thousands of user generated media records, that all have titles, creator, at least a default licensing, most have tags whose functionality is made available through the hosting service (the richer the media, the more likely tagging goes toward 100%), Html and media URLs, thumbnail URLs, publishing date, and about 25% have quoting information of some sort (quotes of video or audio, and region quotes of photos).
* Tags apparently appear at the upload point on 61% of photos in Flickr, and within a short period, 80+% have tags. 12% of users in Flickr apparently tag photos other than their own.

== Next Steps ==
# Add more real-world, simple, minimal examples.
# Research and organize existing/previous [[media-info-formats]], with a focus on formats for publishing '''common''', '''user-visible''' media information.
# Start [[media-info-brainstorming]] based on examples.

== See Also ==
* [[media-metadata-examples]] - previous attempt to catalog and organize top down metadata systems generated by engineers and committees, as examples of elements, and includes formats which should be in a separate page. Useful as a source of research but this microformat needs to embrace the bottomup ways users are publishing photos, video and audio online.