Use cases for API-level access to timed tracks

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

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

• Video Tracking and Manipulation (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

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">

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">