====== Time Based Text ======

===== Introduction and Example  =====
{{:oss:dokutbt:tbt_merge_screenshot.png?200  }}
A [[doku>|DokuWiki]] plugin to render [[http://tbt.dyne.org/|time based text]] on a wiki page.
\\
\\
\\

{{tbt>[[72,227],[101,308],[121,94],[32,232],[116,211],[104,189],[101,110],[114,117],[101,70],[44,104],[13,247],[13,153],[84,574],[104,564],[105,55],[115,116],[32,111],[105,95],[115,115],[32,121],[97,242],[32,162],[113,305],[117,441],[105,40],[99,132],[107,194],[32,77],[101,746],[120,189],[97,324],[109,120],[112,112],[108,164],[101,68],[32,114],[119,992],[104,103],[97,125],[116,54],[32,105],[116,379],[105,238],[109,54],[101,69],[32,512],[98,178],[97,119],[115,94],[101,207],[100,84],[32,145],[116,306],[101,78],[120,349],[116,95],[32,136],[100,196],[111,39],[101,156],[115,276],[46,144],[13,399],[73,997],[116,5],[32,3],[111,4],[110,210],[108,142],[121,190],[32,47],[114,219],[101,54],[113,282],[117,26],[105,166],[114,115],[101,55],[115,165],[32,74],[65,297],[8,567],[97,97],[32,197],[106,212],[97,124],[118,462],[97,297],[115,341],[99,78],[114,174],[105,127],[112,46],[116,60],[32,111],[99,787],[111,207],[109,396],[112,407],[97,147],[116,238],[105,135],[98,149],[108,166],[101,73],[32,69],[98,219],[114,612],[111,104],[119,131],[115,207],[101,252],[114,63],[46,686],[13,630],[13,142],[104,483],[97,141],[118,61],[101,91],[32,69],[102,506],[117,85],[110,64],[46,914],[257,266],[257,134],[257,134],[257,141],[257,301],[260,452],[260,142],[260,141],[260,167],[89,775],[111,420],[117,54],[32,583],[258,391],[258,134],[260,421],[260,157],[260,2273],[260,8],[260,9],[260,9],[260,9],[260,10],[260,9],[260,9],[260,656],[260,227],[260,118],[260,126],[260,133],[260,119],[260,125],[260,126],[260,125],[260,127],[260,133],[260,126],[260,134],[260,134],[260,126],[260,134],[260,126],[260,133],[260,158],[39,1609],[260,789],[260,278],[260,141],[260,134],[260,133],[260,142],[260,126],[260,126],[260,134],[260,133],[260,134],[260,134],[260,157],[260,342],[260,429],[39,434],[258,1110]]}}
\\

===== Usage Information =====
<note r9>[[doku>plugin:tbt|The tbt plugin]] has been released on the DokuWiki website.</note>

{{:oss:dokutbt:tbt.zip|download tbt plugin}} (link to v0.2.2) - install w/ DokuWiki's plugin manager (//shift-reload// your site to flush cached javascript after the installation).

==== Playback with DokuWiki ====

<code>
{{tbt>[[100,885],[111,647],[8,598],[8,159],[68,322],[111,279],[107,198],[117,717],[87,251],[105,135],[107,174],[105,206],[32,120],[114,371],[111,121],[99,132],[107,112],[115,555],[46,320],[8,790],[8,198],[8,462],[8,198],[8,390],[101,331],[97,134],[108,200],[108,110],[116,277],[32,344],[8,326],[8,111],[121,100],[32,224],[114,563],[111,152],[99,164],[107,169],[115,220],[33,764],[13,856],[45,940],[45,158],[45,142],[45,150],[45,134],[45,126],[45,372],[45,16],[45,17],[45,16],[45,17],[45,16],[45,17],[45,17],[45,16],[45,146],[45,158],[45,134],[45,142],[45,142],[45,142],[45,134],[13,734]]}}
</code>

TBT Format: time-base-text is saved as JSON encoded array of [ //ASCII-char//, milli-seconds ] array pairs. The DokuWiki plugin responds to 
<code>{{tbt> }}</code> tags.

==== Recording Text ====

[[http://tbt.dyne.org/?info=download|tbt@dyne]] and dynebolic includes tools to record, replay and convert //time-based-text// data files in various programming languages.

{{:oss:dokutbt:tbt-generator3.html.gz|Here}}'s some XHTML/Javascript to author //time-based-text// from a website. You can test and use it at http://robin.linuxaudio.org/tbt-generator3.html

====== Comments and Notes ======

There's ongoing discussion to rewrite the javascript - which is currently ''git.dyne.org''s version; also adding timing (optional speedup and fixed-time regions) and styling (inline color, italic, bold,..) and scrolling features. 

DokuWiki tbt-plugin ToDo: 
  * add style.css. 
  * Allow to select
    * monospace (//demo mode//) or
    * serif ((//story mode//) fonts 
  * provide for options 
    * to hide/display the restart/pause buttons
    * caption 
    * alignment.
    * custom speed/time scaling.
  * improve code to generate unique ID's when using multiple tbt div's.
  * integrate tbt-generator - similar to mediamanager.

{{tag>FLOSS dokuplugin development}}