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
(added another instance of chapter rendering)
 
(15 intermediate revisions by 3 users not shown)
Line 17: Line 17:
<img src="http://www.macupdate.com/images/screens/uploaded/29332_sm.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://www.veotag.com/img/whatis/screen.jpg">
<img src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2008/02/hulu2.jpg">
<img src="http://www.annodex.net/~silvia/chapter-screenshot.jpg">


== Timed Annotations ==
== Timed Annotations ==
Line 26: Line 28:
<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">


* Floating "name tags" following a timed path (e.g. a person moving around on the screen)
== Video Annotation ==
<img src="http://informitv.com/images/articles/redbee/Piero-02.jpg">
 
* [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)
** Annotating moving objects
** Controlling video flow


== Lyrics ==
== Lyrics ==
Line 44: Line 52:
== Linking ==
== Linking ==


Features for which we need examples of real-world usage:
<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">
<img src="http://www.stardestroyer.net/Mike/Movies/StarshipTroopers.jpg">


* Linking entire frame to a URL
* Linking rendered text to a URL
* Linking rendered text to a URL
* Linking entire cue to a URL
* Linking overlaid graphics to a URL
* Linking overlaid graphics to a URL
* Linking defined regions to a URL
* Linking defined regions to a URL
* Linking entire frame 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">
<img src="http://junkyard.damowmow.com/429" title="multiple text tracks active at same time - here subtitles, chapters & linked slides">
==Video Editing==
<img src="http://www.laguidainformatica.it/wp-content/uploads/2008/08/eyespot2.png">
<img src="http://www.techiequest.com/pic/jumpcut01.jpg">
<img src="http://eresearch.griffith.edu.au/userfiles/audio_annotation_1.jpg">
<img src="http://www.geniusdv.com/news_and_tutorials/2010/01/25/scrolling_text_video_tab.gif">
== Content Selection ==
<img src="http://www.topopage.net/wp-content/motionbox.jpg">

Latest revision as of 00:07, 18 October 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"> <img src="http://www.annodex.net/~silvia/chapter-screenshot.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

<img src="http://informitv.com/images/articles/redbee/Piero-02.jpg">

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"> <img src="http://www.stardestroyer.net/Mike/Movies/StarshipTroopers.jpg">

  • Linking rendered text to a URL
  • Linking entire cue to a URL
  • Linking overlaid graphics to a URL
  • Linking defined regions to a URL
  • Linking entire frame 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"> <img src="http://junkyard.damowmow.com/429" title="multiple text tracks active at same time - here subtitles, chapters & linked slides">

Video Editing

<img src="http://www.laguidainformatica.it/wp-content/uploads/2008/08/eyespot2.png"> <img src="http://www.techiequest.com/pic/jumpcut01.jpg"> <img src="http://eresearch.griffith.edu.au/userfiles/audio_annotation_1.jpg"> <img src="http://www.geniusdv.com/news_and_tutorials/2010/01/25/scrolling_text_video_tab.gif">

Content Selection

<img src="http://www.topopage.net/wp-content/motionbox.jpg">