Difference between revisions of "User:Cgomes7/Subtitle Documentation"

From CDOT Wiki
Jump to: navigation, search
(Examples)
(Examples)
Line 19: Line 19:
 
     language: "en",
 
     language: "en",
 
     languagesrc: "language",
 
     languagesrc: "language",
    accessibilitysrc: "accessibility"
 
 
   } )
 
   } )
 
Then use combo box to select language:
 
Then use combo box to select language:
Line 37: Line 36:
 
       <option value="es">Spanish</option>
 
       <option value="es">Spanish</option>
 
   </select>
 
   </select>
      <input type="checkbox" id="accessibility" checked="checked" />All subtitles (accessibility)
 
 
</div>
 
</div>
 +
 +
Simple Example with Accessibility:
 +
  .subtitle({
 +
    start: 20, // seconds
 +
    end: 45, // seconds
 +
    text: 'this is another subtitle',
 +
    language: "en",
 +
    accessibilitysrc: "accessibility"
 +
  } )
 +
 +
Then use check box to turn accessibility on and off:
 +
 +
<input type="checkbox" id="accessibility" checked="checked" />All subtitles (accessibility)
  
 
== Syntax ==
 
== Syntax ==

Revision as of 17:54, 7 March 2011

Subtitle Plug-in

Description

<script src="popcorn.subtitle.js"></script>

Examples

Simple Example:

     .subtitle({
       start: 5, // seconds
       end: 15, // seconds
       text: 'this is the a subtitle',
     } )

Simple Example with Google Translate:

  .subtitle({
    start: 20, // seconds
    end: 45, // seconds
    text: 'this is another subtitle',
    language: "en",
    languagesrc: "language",
  } )

Then use combo box to select language:

  Choose your language
  <select id="language">
     <option value="zh" selected="selected">Chinese</option>
     <option value="en">English</option>
     <option value="fr">French</option>
     <option value="de">German</option>
     <option value="it">Italian</option>
     <option value="ja">Japanese</option>
     <option value="ko">Korean</option>
     <option value="fa">Persian</option>
     <option value="pl">Polish</option>
     <option value="pt">Portuguese</option>
     <option value="es">Spanish</option>
  </select>

Simple Example with Accessibility:

  .subtitle({
    start: 20, // seconds
    end: 45, // seconds
    text: 'this is another subtitle',
    language: "en",
    accessibilitysrc: "accessibility"
  } )

Then use check box to turn accessibility on and off:

<input type="checkbox" id="accessibility" checked="checked" />All subtitles (accessibility)

Syntax

.subtitle({
       start: 
       end: 
       text: 
       language: 
       languagesrc: 
       accessibilitysrc: 
     } )

Parameters

Start: is the time that you want the subtitle to appear

End: is the time that you want the subtitle to disappear

Text: is the text will appear

Language:

Languagesrc:

Accessibilitysrc:

Returns

Nothing

Links