A user account is required in order to edit this wiki, but we've had to disable public user registrations due to spam.

To request an account, ask an autoconfirmed user on Chat (such as one of these permanent autoconfirmed members).

Use cases for API-level access to timed tracks: Difference between revisions

From WHATWG Wiki
Jump to navigation Jump to search
Line 27: Line 27:
<img src="http://www.vccafe.com/wp-content/uploads/2007/12/infoply.png">
<img src="http://www.vccafe.com/wp-content/uploads/2007/12/infoply.png">


== Video Annotation ==


Features for which we need examples of real-world usage:
* [http://digitalurban.blogspot.com/2008/11/video-tracking-and-manipulation-adobe.html Video Tracking and Manipulation] ([http://portal.acm.org/citation.cfm?id=1354647 A framework for video annotation, visualization, and interaction])
 
** Floating name tags, speech bubbles, graffiti etc. following a timed path (e.g. a person moving around on the screen)
* Floating "name tags" following a timed path (e.g. a person moving around on the screen)
** Annotating moving objects
** Controlling video flow


== Lyrics ==
== Lyrics ==

Revision as of 00:16, 23 April 2010

This page contains examples of features that it is not expected we will require user agents to natively render in the first version, though it's likely that we will provide APIs sufficient to implement these features in JS.

Return to timed tracks home page.

Chapter Markers

<img src="http://images.apple.com/quicktime/tutorials/images/screenshot-chaptertrack1.jpg"> <img src="http://www.arguingwithmyself.com/wordpress/wp-content/uploads/ted-video-player.png"> <img src="http://junkyard.damowmow.com/414"> <img src="http://www.davemeyerson.com/img/port/big/flash/VideoPlayer_01.jpg"> <img src="http://www.kenstone6.net/fcp_homepage/images_hdv_to_prores_with_chapter_markers_stone/11_hdv_prores_chapter_markers_stone.jpg"> <img src="http://www.kenstone6.net/fcp_homepage/images_hdv_to_prores_with_chapter_markers_stone/13_hdv_prores_chapter_markers_stone.jpg"> <img src="http://www.componentone.com/newimages/Products/ScreenShots/StudioWPF/C1MediaPlayer/MediaPlayer_ChapterList.png"> <img src="http://maccreate.com/uploads/2009/06/200906162256.jpg"> <img src="http://simplemoviex.com/SimpleMovieX/documentation/handrake,%20itunes,%20metadata.picChapter.jpeg"> <img src="http://www.js8media.com/moviechapterizer/files/page3_3.png"> <img src="http://www.macupdate.com/images/screens/uploaded/29332_sm.png"> <img src="http://www.veotag.com/img/whatis/screen.jpg"> <img src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2008/02/hulu2.jpg">

Timed Annotations

<img src="http://www.techsmith.com/img/learn/camtasia/6/custom-callouts/callout_customex.jpg"> <img src="http://farm4.static.flickr.com/3107/2375923033_ee4309922a.jpg"> <img src="http://junkyard.damowmow.com/417"> <img src="http://cache.gawkerassets.com/assets/images/17/2009/07/340x_bubbleply.jpg"> <img src="http://www.vccafe.com/wp-content/uploads/2007/12/infoply.png">

Video Annotation

Lyrics

animated Lyrics in HTML5

<img src="http://svg-wow.org/audio/animated-lyrics_poster.png"> <img src="http://www.mobile-mir.com/images/LyricShow.png"> <img src="http://lh4.ggpht.com/itswaps/R2Qmlc9KnMI/AAAAAAAAAb8/GrPzd1MChQc/4_minilyrics1%5B6%5D"> <img src="http://images.intomobile.com/wp-content/uploads/2008/01/iphone-lyrics-display-karaoke-mode.jpg" title="seems to be an iphone app with video with lyrics">

Linguistic Markup

<img src="http://www.ling.canterbury.ac.nz/jen/onzeminer/PraatTextGrid.jpg"> <img src="http://junkyard.damowmow.com/416">

Linking

<img src="http://www.widgetslab.com/wp-content/uploads/2008/06/image21.png"> <img src="http://www.ustream.tv/blog/wp-content/uploads/2008/08/nahright-cap-hyperlink.jpg">

  • Linking entire frame to a URL
  • Linking rendered text to a URL
  • Linking overlaid graphics to a URL
  • Linking defined regions to a URL

User interfaces

<img src="http://kylecrothers.com/images/articles/Kyle.OSD.theme.png"> <img src="http://i.telegraph.co.uk/telegraph/multimedia/archive/01392/sky-green-button_1392969c.jpg"> <img src="http://informitv.com/images/articles/echostar/CNN.jpg">

Editing

<img src="http://www.laguidainformatica.it/wp-content/uploads/2008/08/eyespot2.png">