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 IRC (such as one of these permanent autoconfirmed members).

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

From WHATWG Wiki
Jump to: navigation, search
(Created page with ' === Chapter Markers === <img src="http://images.apple.com/quicktime/tutorials/images/screenshot-chaptertrack1.jpg"> <img src="http://www.arguingwithmyself.com/wordpress/wp-cont...')
 
(added another instance of chapter rendering)
 
(21 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
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.
  
=== Chapter Markers ===
+
Return to [[timed tracks]] home page.
 +
 
 +
== Chapter Markers ==
  
 
<img src="http://images.apple.com/quicktime/tutorials/images/screenshot-chaptertrack1.jpg">
 
<img src="http://images.apple.com/quicktime/tutorials/images/screenshot-chaptertrack1.jpg">
Line 14: 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 ==
  
 
<img src="http://www.techsmith.com/img/learn/camtasia/6/custom-callouts/callout_customex.jpg">
 
<img src="http://www.techsmith.com/img/learn/camtasia/6/custom-callouts/callout_customex.jpg">
Line 23: 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">
  
=== Lyrics ===
+
== 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 ==
  
 
[http://svg-wow.org/audio/animated-lyrics.html animated Lyrics in HTML5]
 
[http://svg-wow.org/audio/animated-lyrics.html animated Lyrics in HTML5]
Line 32: Line 45:
 
<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">
 
<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 ===
+
== Linguistic Markup ==
  
 
<img src="http://www.ling.canterbury.ac.nz/jen/onzeminer/PraatTextGrid.jpg">
 
<img src="http://www.ling.canterbury.ac.nz/jen/onzeminer/PraatTextGrid.jpg">
 
<img src="http://junkyard.damowmow.com/416">
 
<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">

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

Timed Annotations

Video Annotation

Lyrics

animated Lyrics in HTML5

Linguistic Markup

Linking

  • 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

Video Editing

Content Selection