media-info-examples

Media Info Examples

Contributors

• Tantek Çelik
• Joshua Kinberg
• Mary Hodder
• Lisa Rein
• ChrisMessina
• 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 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.

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

• 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

• 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

• Reflog's Random Thoughts podcast
  • This example has a Title, Html URL, description or summary, creator, tags and publish time and date. +10k records.

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

• 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

• somesongs
  • Has song title (linked to more info), artist (linked to more info), play link (to mp3), and rating

• Brad Sucks » music
  • Has album title, song title, separate link to more info, inline flash player, and play link (to mp3)

• Scott Andrew - lo-fi acoustic pop superhero! > music >
  • Has album title, song title, album artwork, streaming link (to m3u), and play link (to mp3)

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

• SONG FIGHT!
  • Has theme, artist/play link (to mp3).

• Yes.com
  • Music played in last hour (example)
    • Flash page with track play time, artist, title, cover art. Affiliate linked to iTunes music store.
  • Top 100 Chart (example)
    • HTML page with chart position, last week's chart position, artist, title (affiliate link to iTunes music store)

• 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

• 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

• Video Pop Up Maker
  • This example based on the process taught at FreeVlog generates code to create a dynamic pop up window with embedded video player. The reasons for this are enumerated here

• Ryanne's Video Blog
  • This example has a Title, Html URL, media URL, thumbnail url, description or summary, creator, and publish time. +50k

• 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)

• It's JerryTime! - episodic video content
  • This example has a Title, Html URL, media URL, thumbnail url and creator. +10k records.

• 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

• 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

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

• 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

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

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

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

• Vimeo - The Flickr of Video
  • This example has a Title, thumbnail (class=moduleClipThumb), thumbnail URL, Html URL, creator.

• 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

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

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

• Webshots - Search results, gallery view.
  • This example has a Title, Html URL, creator, licence, Premium/Standard access.

• 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

1. Add more real-world, simple, minimal examples.
2. Research and organize existing/previous media-info-formats, with a focus on formats for publishing common, user-visible media information.
3. 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.