Show HN: Audiovisual sequencer for tweet-sized JavaScript animations

https://dweetplayer.net

by atesgoral • 9 years ago

83 16 9 years ago

dweetplayer.net

maaaats• 9 years ago

Always been so impressed by what people make on Dwitter only having 140chars of code. https://www.dwitter.net/

divenorth• 9 years ago

Loads to about 90% and freezes. I'm on iOS 10.

atesgoral5• 9 years ago

Thanks for reporting that. I suspect it could be this known issue where I didn't anticipate autoplay for media to be disabled: https://github.com/atesgoral/dweet-player/issues/8

andai• 9 years ago

On Android it loads to 90%, freezes, then works normally after 10-15 sec. Although low fps.

atesgoral5• 9 years ago

The "freezing" is when the audio track is still taking time to load. The dweets themselves load in an instant. Yeah, FPS will unfortunately be an issue on slower devices :(

bluetwo• 9 years ago

Safari/Mac same issue as iOS 10.

> Unhandled Promise Rejection: ReferenceError: Can't find variable: AudioContext

Chrome/Mac works great.

aeleos• 9 years ago

I remember having seen this a while ago and having been unable to find it since. Thanks for posting this, its always really cool to see what can be done in such a little amount of space.

etskinner• 9 years ago

Very cool. Might be a good idea to add a volume slider instead of just toggle, since that's often easier to get to than system volume.

NHQ• 9 years ago

Would be cool to be able to post sound loops in the same style. You could use this web audio module for that: https://www.npmjs.com/package/jsynth

virgil_disgr4ce• 9 years ago

I LOVE this idea....

zserge• 9 years ago

I have been working on Glitch for a while. Not forcefully limited to short tweet-size tunes, it makes generative music from simple chiptunes [1] to something more advanced [2].

I would be happy to answer any questions, if you are interested in!

It's open source and new version is coming soon - https://github.com/naivesound/glitch

[1] http://bit.ly/2ib97gq (parser seems to trim the last parenthesis, so I had to use URL shortener)

[2] http://bit.ly/2gQDWKM

atesgoral5• 9 years ago

This is awesome!

dahart• 9 years ago

Very cool! It's like shadertoy for canvas. The 3rd example I got in the slideshow was this one, which struck me immediately because of the greek letter variable names... awesome! https://www.dwitter.net/d/855

Worth visiting the "top" list: https://www.dwitter.net/top

atesgoral5• 9 years ago

Also, if you're interested in some background and process, here are the slides from the Toronto Hack && Tell presentation I gave last week: https://docs.google.com/presentation/d/19tQgPg9Wb9xwuregHCGF...

amenghra• 9 years ago

Reminds me https://forthsalon.appspot.com/

atesgoral5• 9 years ago

Added a new feature: Trig function (sine, cosine, tangent) morphing by beat & FFT buckets. Looks trippy and goes well with glitch/ambient/IDM: https://dweetplayer.net/demo/v1/*/1829@10f,683f2,3313f1,915f...

Show HN: Audiovisual sequencer for tweet-sized JavaScript animations

Related Stories