3 ms·
For those who don't want to navigate Twitter for whatever reason (tracking, slows down your browser, bad UI, etc.), here's the content from the thread (the imag
by sundarurfriend 9y ago
For those who don't want to navigate Twitter for whatever reason (tracking, slows down your browser, bad UI, etc.), here's the content from the thread (the images and videos are still Twitter-hosted, by the way):
-----------------------------------
It's done! Winamp2-js (https://jordaneldredge.com/projects/winamp2-js/ https://jordaneldredge.com/projects/winamp2-js/) finally supports all three windows!
To celebrate, here's a list of some of the cool things it can do: (thread)
https://pbs.twimg.com/media/DVcfDHBVQAAp3Tm?format=png https://pbs.twimg.com/media/DVcfDHBVQAAp3Tm?format=png
* Load any classic Winamp skin just by dragging it onto the main window. (Shoutout to @stuk for JSZip which lets us decompress .wsz files in the browser. (link: https://stuk.github.io/jszip/ https://stuk.github.io/jszip/)
https://video.twimg.com/ext_tw_video/961271636983820288/pu/vid/990x720/DMmXxEB7fOBIT5_a.mp4 https://video.twimg.com/ext_tw_video/961271636983820288/pu/v...
* Drag local audio files into the playlist to queue them up.
https://video.twimg.com/ext_tw_video/961271712238063621/pu/vid/994x720/BEONYMr9RpsOJT_d.mp4 https://video.twimg.com/ext_tw_video/961271712238063621/pu/v...
* Visualize your music with the bar or line visualizer.
https://video.twimg.com/ext_tw_video/961271795725709314/pu/vid/534x360/q5iSFe-_jTYaoxz-.mp4 https://video.twimg.com/ext_tw_video/961271795725709314/pu/v...
* Adjust the fully functional EQ to pump up the bass.
(Shoutout to @epistemex for cardinal-spline-js (link: https://github.com/epistemex/cardinal-spline-js) https://github.com/epistemex/cardinal-spline-js))
https://video.twimg.com/ext_tw_video/961271880035389441/pu/vid/630x640/V7qFCwUdrOJXhav8.mp4 https://video.twimg.com/ext_tw_video/961271880035389441/pu/v...
* Import/export Winamp's own binary EQ settings files.
https://video.twimg.com/ext_tw_video/961272045177782275/pu/vid/1698x720/QmMODw5KCUMjPlWp.mp4 https://video.twimg.com/ext_tw_video/961272045177782275/pu/v...
* Export your playlist as an .html file.
https://video.twimg.com/ext_tw_video/961272121270743040/pu/vid/914x720/oqNVw-Ger9abSzEG.mp4 https://video.twimg.com/ext_tw_video/961272121270743040/pu/v...
* Save screen real estate with each window's "shade" mode.
https://pbs.twimg.com/media/DVcf90bVQAALtl_?format=jpg https://pbs.twimg.com/media/DVcf90bVQAALtl_?format=jpg
* See each file's title/artist as specified in its ID3 tags.
(Shoutout to @aadsm for jsmediatags (link: https://github.com/aadsm/jsmediatags) https://github.com/aadsm/jsmediatags))
https://video.twimg.com/ext_tw_video/961272266322407425/pu/vid/994x720/O7G2_I-YymmJc6qW.mp4 https://video.twimg.com/ext_tw_video/961272266322407425/pu/v...
* If a skin specifies some transparent regions in its region.txt, they are respected. (Shoutout to @SaraSoueidan for (link: https://www.sarasoueidan.com/blog/css-svg-clipping/) https://www.sarasoueidan.com/blog/css-svg-clipping/))
https://video.twimg.com/ext_tw_video/961272327584403457/pu/vid/736x720/fJndz3W6TasvoFcL.mp4 https://video.twimg.com/ext_tw_video/961272327584403457/pu/v...
* Drag windows around, and easily align them with window snapping.
https://video.twimg.com/ext_tw_video/961272384148815873/pu/vid/846x720/EiIvaRZZYhvzpO_i.mp4 https://video.twimg.com/ext_tw_video/961272384148815873/pu/v...
* Use hotkeys to control all major functions.
https://video.twimg.com/ext_tw_video/961272440251822080/pu/vid/634x640/kLUsDjS82xnrcItQ.mp4 https://video.twimg.com/ext_tw_video/961272440251822080/pu/v...
* Select/drag tracks to reorder them.
https://video.twimg.com/ext_tw_video/961272499219587072/pu/vid/1090x720/m5txv-ScyC93GtH6.mp4 https://video.twimg.com/ext_tw_video/961272499219587072/pu/v...
* "Double" mode (ctrl+d) makes the main and EQ windows twice as big.
https://pbs.twimg.com/media/DVcgTW3VMAAgrdc?format=jpg https://pbs.twimg.com/media/DVcgTW3VMAAgrdc?format=jpg
Getting all of this to work entirely in the browser has been a great challenge, and I've learned a lot. Thanks to @The_DoctorO for being an invaluable source of insider information. Thanks to @LuigiHann for catching many small places where I hand't perfectly recreated Winamp's handling of skins. Thanks to @ja2ke for the original retweet which I believe kicked this whole thing off more than three years ago. And of course, thanks to @JustinFrankel. ️
-----------------------------------
(@captbaritone, I'm assuming you're ok with pasting the content here, but please let me know in case you have objections.)
- captbaritone 9y agoNo worries about copy/pasting. Twitter’s UI is not the ideal way to interact with this stuff, but it was the easiest way for me to put together all those short videos. Thanks for helping make it accessible.