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 timed tracks rendered over video by the UA"

From WHATWG Wiki
Jump to: navigation, search
(added example with multiple tracks active at the same time)
(Video Examples)
 
(6 intermediate revisions by 3 users not shown)
Line 19: Line 19:
  
 
This example shows that we need line-based positioning: http://www.youtube.com/watch?v=bw5JBWdaUHI#t=0m12s
 
This example shows that we need line-based positioning: http://www.youtube.com/watch?v=bw5JBWdaUHI#t=0m12s
 +
 +
This example shows a case where animated positioning and angular change are highly recommended to achieve a desired style: http://www.youtube.com/watch?v=Qz2F-H7IHFM
  
 
=== Ruby ===
 
=== Ruby ===
Line 42: Line 44:
 
<img src="http://joeclark.org/access/crtc/CRTC-2008/reply/images/BCCS_unbelievably_wordy_speaker_ID_1.jpg" title="provides speaker names">
 
<img src="http://joeclark.org/access/crtc/CRTC-2008/reply/images/BCCS_unbelievably_wordy_speaker_ID_1.jpg" title="provides speaker names">
 
<img src="http://dashiva.net/misc/multiple_speakers.jpg">
 
<img src="http://dashiva.net/misc/multiple_speakers.jpg">
 +
 +
Karaoke with color coded voice, where parts sung together have a unique color ([http://www.youtube.com/watch?v=5tOxfjHLK-A source]):
 +
 +
<img src="http://bayimg.com/image/iamdlaaci.jpg" title="Jacky sings">
 +
<img src="http://bayimg.com/image/iamdpaaci.jpg" title="Landy sings">
 +
<img src="http://bayimg.com/image/jamdbaaci.jpg" title="Jacky+Landy sing">
  
 
=== Important line feeds ===
 
=== Important line feeds ===
Line 93: Line 101:
 
=== Watermarks ===
 
=== Watermarks ===
 
<img src="http://img62.imageshack.us/img62/1985/natgeowild01.jpg">
 
<img src="http://img62.imageshack.us/img62/1985/natgeowild01.jpg">
 
=== Hyperlinks on caption cues or individual words ===
 
 
Still need some examples from the real world. Here's one from a science fiction movie:
 
 
<img src="http://www.stardestroyer.net/Mike/Movies/StarshipTroopers.jpg">
 
 
=== Example of multiple text tracks active at same time and displayed ===
 
 
This one has subtitles, chapters, and through events linked slides.
 
 
<img src="http://junkyard.damowmow.com/429">
 
  
 
=== Informative ===
 
=== Informative ===
Line 117: Line 113:
 
** word-level italics control
 
** word-level italics control
 
** frame-level timing
 
** frame-level timing
 +
 +
 +
== Video Examples ==
 +
 +
See http://www.dcmp.org/captioningkey/types_methods_styles.html and the pages following this one (click on the next topic at the bottom)
 +
 +
This is now at http://www.dcmp.org/captioningkey/text.html

Latest revision as of 11:14, 1 October 2012

This page contains examples of features where timed tracks are rendered over video by user agents natively.

Return to timed tracks home page.

Static Examples

These are categorised by what features they demonstrate that is most interesting.

Positioning

This example shows how multiple segments with overlapping times should be automatically placed so as to not overlap: http://www.youtube.com/watch?v=xG9KluukpJI#t=2m40

This example shows that we need line-based positioning: http://www.youtube.com/watch?v=bw5JBWdaUHI#t=0m12s

This example shows a case where animated positioning and angular change are highly recommended to achieve a desired style: http://www.youtube.com/watch?v=Qz2F-H7IHFM

Ruby

Italics or other inline emphasis

italics and blod used together

Karaoke

Multiple voices

Karaoke with color coded voice, where parts sung together have a unique color (source):

Important line feeds

Plain text

Background emphasis

This is from a mobile phone and needs particular contrast and visibility.

Multiple colors

Colors are often used in closing comments to signify the author of the captions.

Legal notices

Watermarks

Informative

Formal documentation for real-world captioning

  • CBC captioning manual requires:
    • minor control over position
    • word-level italics control
    • frame-level timing


Video Examples

See http://www.dcmp.org/captioningkey/types_methods_styles.html and the pages following this one (click on the next topic at the bottom)

This is now at http://www.dcmp.org/captioningkey/text.html