smilText Examples: BasicText Module

Note: IE cannot read smilText tags inside the html file

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.

Note: IE doesn't keep whitespaces correctly (Problem reported in some foruns). Finally, for xml:space=preserve and textWrapOption=wrap I've used a CSS style property called whiteSpace='pre-wrap' and it is not supported by IE.

smilText Examples: TextMotion Module

Example 20: textMode = crawl

Example 21: textMode = scroll

Example 22: textMode = jump

Note: TODO

Example 23: textRate attribute

Note: IE seems to present a problem while using different textRates. I did not find out the reason yet.

Crawl mode

Scroll mode

Jump mode

Note: TODO

Example 24: textConceal attribute

Note: TODO