smilText Examples: BasicText Module

Example 1: Hello World!

Example 2: Example 1 with duration = 10s

Example 3: Example 2 with a line break

Example 4: Example 3 with TEV and CLEAR tags

Example 5: Example 4 without explicit duration

Example 6: Example 5 with explicit duration = 3s

Example 7: smilText tag inside the html file

Example 8: Example 7 with textWrapOption = wrap

smilText Examples: TextStyling Module

Example 9: Hello World in DIV, P and SPAN elements

Example 10: Example 9 with textBackgroundColor attribute

Example 11: Example 9 with textColor attribute

Example 12: Example 9 with textStyle and textWeight attributes

Example 13: Example 9 with textFontSize and textFontFamily attributes

Example 14: Example 9 with textWritingMode and textAlign attributes

Note: textWritingMode will be available in CSS3. So far only IE supports 'tb-rl' and 'lr-tb'

Example 15: textDirection attribute

Example 16: textMode = replace

Example 17: textPlace attribute

Note: I still do not know how to do it.

Example 18: textStyle and textStyling elements (+ some timing to make it fun).

Example 19: Testing xml:space. smilText code inside html.

smilText Examples: TextMotion Module

Example 20: textMode = crawl

Example 21: textMode = scroll

Example 22: textMode = jump

Note: TODO

Example 23: textRate attribute

Crawl mode

Scroll mode

Jump mode

Note: TODO

Example 24: textConceal attribute

Note: TODO