Show HN: Txt.wav – Text Animation Library

http://www.stilllife.studio/txtwav

by eorge_g • 10 years ago

98 23 10 years ago

eorge_g4• 10 years ago

Thanks for checking out our project! We made this after recreating this functionality a few different times and love giving back to the open source community.

Dependency free, super compact animation library. Enjoy!

koytch• 10 years ago

Select the text to enjoy fully in reverse video.

Deadsunrise• 10 years ago

Not working on Firefox 48.0.1

eorge_g4• 10 years ago

thanks for the report, we'll fix that!

thank you for the interest

awqrre• 10 years ago

It works on Firefox 48.0 / Ubuntu (but I had to allow scripts from cdn.rawgit.com in uMatrix)

anotheryou2• 10 years ago

working in 50.0a2 / win10

SimeVidas• 10 years ago

First thought: accessibility issues.

gok• 10 years ago

Yep, this totally kills VoiceOver (haven't tried other screen readers) the way it's implemented. Each letter gets read separately. Check out ARIA.

thekonqueror• 10 years ago

Nice! My first thought was this is a text-to-speech engine.

horsecaptin• 10 years ago

Feature request: blinky text.

theophrastus• 10 years ago

I'll regard this 'request' as a bit of wry sarcasm ;) (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/bl... )

edejong• 10 years ago

First we need the "marquee" tag, if it hasn't been invented yet... Lets see.

j4_james• 10 years ago

On IE and Edge, every sentence becomes prefixed with the string "null". This appears to be caused by the code that clears the element content with:

  el.innerHTML = null;

Changing that to a blank string fixes the issue for me, i.e.

  el.innerHTML = "";

eorge_g4• 10 years ago

thanks!

nthcolumn• 10 years ago

'Meh, thanks'. cool stuff btw.

anotheryou2• 10 years ago

what have we done to deserve this?

z3t42• 10 years ago

I wonder if it's possible to increase readability or fun factor or programming code by adding animations. Like an evaluation to color highlighting. I'm sure you will hate the idea but is there actually any R&D in this area?

z3t42• 10 years ago

brainstorming: Make async calls appear like it's on the way and make hot code restless maybe it will reduce cognitive load and help write better code. A global variable would be like hey look at me

stingraycharles• 10 years ago

This is a great idea. It pretty much adds a new dimension to syntax highlighting, and can be used for many additional semantics. Network communication, dangerous functions / race condition alerts, async behavior, etc etc.

I wonder whether there are any Emacs packages for this.

izolate• 10 years ago

The first 3 seem to be the same effect at different speeds. Quite a limited feature set.

Volt• 10 years ago

`txt.avi` could be more descriptive.

taivare• 10 years ago

can you put this on a CDN so I can bring it into Codepen ?

eorge_g4• 10 years ago

yes definitely that is on the list for this week as well as making it available as an NPM module.

using rawgit.com might be a good workaround until then.

thanks for the interest

Show HN: Txt.wav – Text Animation Library

Related Stories