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

From WHATWG Wiki
Jump to navigation Jump to search

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