4 ms·

Show HN: Audiovisual sequencer for tweet-sized JavaScript animations

83 points by atesgoral 9y ago

maaaats 9y ago
Always been so impressed by what people make on Dwitter only having 140chars of code. https://www.dwitter.net/ https://www.dwitter.net/
divenorth 9y ago
Loads to about 90% and freezes. I'm on iOS 10.
- atesgoral 9y 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 https://github.com/atesgoral/dweet-player/issues/8
- andai 9y ago
  On Android it loads to 90%, freezes, then works normally after 10-15 sec. Although low fps.
  - atesgoral 9y 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 9y ago
  Safari/Mac same issue as iOS 10. >> Unhandled Promise Rejection: ReferenceError: Can't find variable: AudioContext Chrome/Mac works great.
- deleted 9y ago
  [deleted]
aeleos 9y 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 9y 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 9y 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 https://www.npmjs.com/package/jsynth
- virgil_disgr4ce 9y ago
  I LOVE this idea....
- zserge 9y 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 https://github.com/naivesound/glitch [1]: http://bit.ly/2ib97gq http://bit.ly/2ib97gq (parser seems to trim the last parenthesis, so I had to use URL shortener) [2]: http://bit.ly/2gQDWKM http://bit.ly/2gQDWKM
  - atesgoral 9y ago
    This is awesome!
dahart 9y 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 https://www.dwitter.net/d/855 Worth visiting the "top" list: https://www.dwitter.net/top https://www.dwitter.net/top
atesgoral 9y 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/19tQgPg9Wb9xwuregHCGFDExKNyXYGzdnWA7WgrJBsNI/ https://docs.google.com/presentation/d/19tQgPg9Wb9xwuregHCGF...
amenghra 9y ago
Reminds me https://forthsalon.appspot.com/ https://forthsalon.appspot.com/
atesgoral 9y 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,915f1,134f,1232f,2249f2,1385f,739f,3017f,1829f,855f2/http://freemusicarchive.org/music/Illocanblo/20171009171756069/06_Illocanblo_-_Handdryer_Balet https://dweetplayer.net/demo/v1/*/1829@10f,683f2,3313f1,915f...

83 points by atesgoral 9y ago

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

divenorth 9y ago

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

atesgoral 9y 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 https://github.com/atesgoral/dweet-player/issues/8
andai 9y ago
On Android it loads to 90%, freezes, then works normally after 10-15 sec. Although low fps.
- atesgoral 9y 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 9y ago
Safari/Mac same issue as iOS 10. >> Unhandled Promise Rejection: ReferenceError: Can't find variable: AudioContext Chrome/Mac works great.
deleted 9y ago
[deleted]

aeleos 9y 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 9y 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 9y 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 https://www.npmjs.com/package/jsynth

virgil_disgr4ce 9y ago
I LOVE this idea....
zserge 9y 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 https://github.com/naivesound/glitch [1]: http://bit.ly/2ib97gq http://bit.ly/2ib97gq (parser seems to trim the last parenthesis, so I had to use URL shortener) [2]: http://bit.ly/2gQDWKM http://bit.ly/2gQDWKM
- atesgoral 9y ago
  This is awesome!

dahart 9y 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 https://www.dwitter.net/d/855 Worth visiting the "top" list: https://www.dwitter.net/top https://www.dwitter.net/top

atesgoral 9y 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/19tQgPg9Wb9xwuregHCGFDExKNyXYGzdnWA7WgrJBsNI/ https://docs.google.com/presentation/d/19tQgPg9Wb9xwuregHCGF...

amenghra 9y ago

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

atesgoral 9y 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,915f1,134f,1232f,2249f2,1385f,739f,3017f,1829f,855f2/http://freemusicarchive.org/music/Illocanblo/20171009171756069/06_Illocanblo_-_Handdryer_Balet https://dweetplayer.net/demo/v1/*/1829@10f,683f2,3313f1,915f...