10 ms·
Webamp: Winamp 2 in the browser
- 0xFACEFEED 6y agoWow. I was expecting the UI to feel dated/retro, but it still looks really good. And the window snapping behavior is still as satisfying as it always was. Timeless?
- kossTKR 6y agoYes, i was quite surprised too. I can't figure out if i actually like it more or if it's just nostalgia. It's like modern interfaces are way to flat and everything are is just floating in empty space with too much whitespace and not enough texture and depth. Is something very wrong with modern interfaces? Quite interesting..
- BackBlast 6y agoModern interfaces revolve around mobile and touch interfaces. The narrow/small buttons don't work consistently enough in this context and presents many usability and accessibility issues. I look at it and remember those days, and the system was quite usable with a high resolution mouse to be the primary interface. While I can use it on mobile, I would hate to try to do so under any kind of degraded condition. Cold fingers, inclement weather, driving in a card/bus/train.
- pseudalopex 6y agoTouch interfaces don't have to be flat though.
- e1ghtSpace 6y agoE.g. iOS <7
- BackBlast 6y agoNo, they don't have to be flat. There are two items that hinder it. One is that winamp has a fixed size, modern layout systems have to support a multitude of screen sizes, which is a hard problem. Throw on some nice 3d texture as a full skin and getting that to work is much more difficult. It's not impossible, but some of the items on the skins would be very hard. The other big one is accessibility. People with poor eyesight can struggle when the system has low contrast. 3d buttons or adding depth to controls and the like are pretty simple and don't have any major impediments that I'm aware of. I often will accent my GUI designs with a light touch of depth. I can't tell you for sure as to the evolution of the systems, I design modern systems and while I did toy with GUIs back in that day I didn't do major systems then - I was a kid. Aesthetics takes a major backseat to usability in my work. Though I'd say that some of today's look and style is much like clothing. It's a style of the day.
- FpUser 6y agoVery nice. Also looking at Milkdrop visualizer and CPU utilization on 4K full screen it seems that they did based on WebGL. Great work.
- chrisseaton 6y agoSeems like you need to be on Chrome to see that.
- podiki 6y agoI see it on Firefox just fine
- heredoc 6y agonope, works well with firefox 78.9.0esr from debian stable
- chrisseaton 6y agoMust just be incompatible with the default configuration of Safari then.
- captbaritone 6y agoSafari does not currently support WebGL2, which is the blocker. They support it behind and flag, and it seems to work there, but until they enable it by default, Butterchurn will not work on Safari.
- _joel 6y agoWorks fine here on Firefox
- whyfy 6y agohttps://github.com/jberg/butterchurn https://github.com/jberg/butterchurn This is the visualizer that they're using.
- marcodiego 6y agoIs it possible to make it run out of the browser like an electron app? Sorry for suggesting electron but it could be the ultimate multi-platform winamp clone.
- ultimoo 6y agoI'm not a desktop or a ui engineer by trade so I don't understand the contention with Electron. I know slack uses it and _seems_ to work fine but I have heard similar phrasing around "sorry for suggesting electron" and I'm curious to learn more about the cons of electron.
- flatiron 6y agoPros: you run your web app as a local app without reprogramming your app. Cons: you are literally running a web app in a browser and not a native app.
- marcodiego 6y agoSimple: you're running an entire web browser and all its requirements like network support, image decoding and other support features to interpret a javascript program for the task of playing an mp3 that should be way lighter than running a browser.
- Phrodo_00 6y agoAlso, there's a lot of overhead compared to running a new tab in a browser. It's basically an entire browser for a single tab.
- theandrewbailey 6y agoMany Electron apps are sluggish and use more resources than necessary for the problem they're trying to solve. For example, IRC was doing most of the things Slack (desktop client in Electron) does, but 20+ years ago when computers were a thousandth (or less) as powerful. IRC clients were snappy to load and interact with, didn't use a gigabyte of RAM, and didn't eat a CPU core. From https://tonsky.me/blog/disenchantment/ https://tonsky.me/blog/disenchantment/: > Your desktop todo app is probably written in Electron and thus has a userland driver for the Xbox 360 controller in it, can render 3D graphics and play audio and take photos with your web camera.
- LinuxBender 6y agoVery nice! This would be a great lightweight alternative to ampache when the goal is to share a handful of songs and have a great UI.
- Jonnax 6y agoAnyone know what happened to Winamp? They got bought by a company who said they were working on another version, and then nothing.
- theandrewbailey 6y agoAn updated version got "leaked" about two years ago, then they decided to release that for real. https://winamp.com/ https://winamp.com/
- crumpled 6y agoI know some low budget radio stations use winamp to output their playlists, mostly because of the shoutcast plugin. It's crazy, but it kinda works.
- squarefoot 6y agoThey might find idjc really helpful. http://idjc.sourceforge.net/index.html http://idjc.sourceforge.net/index.html
- crumpled 6y agoI've checked it out and run it on various things. It might be a better choice, but pretty much only because it's current and maintained. The use case is a little different. IDJC has a lot of features for live DJs who are doing stuff. If you just want to run a playlist, winamp is actually a little more usable, and the shoutcast plugin also streams your audio input device. Our live DJs just press pause and do their thing with records and CDs, then they kick the playlist back on when they finish. For remote broadcasting, we just use BUTT. IMO, both BUTT and Winamp are easier than IDJC for most volunteer DJs I'm a tech volunteer for our local LP-FM station.
- dang 6y agoPast related threads: WebAmp: WinAmp 2 in Your Browser - https://news.ycombinator.com/item?id=17583997 https://news.ycombinator.com/item?id=17583997 - July 2018 (41 comments) A Reimplementation of Winamp 2.9 in HTML5 and JavaScript - https://news.ycombinator.com/item?id=16333550 https://news.ycombinator.com/item?id=16333550 - Feb 2018 (208 comments)
- deleted 6y ago[deleted]
- spacemanmatt 6y agoNow you can really whip the llama's ass...on the web
- amelius 6y agoI never understood the llama-whipping.
- michaelhoffman 6y agohttps://www.gizmodo.com.au/2013/11/a-brief-history-of-the-winamp-llama/ https://www.gizmodo.com.au/2013/11/a-brief-history-of-the-wi...
- udev 6y agoThat equalizer curve for the Rock preset is burnt into my memory, its shape, and color, and positions of sliders. Say what you want about the skeuomorphic design, but it really felt great to slide the volume a bit higher when at your favorite part of the song. It really felt like a piece of hardware in your hands.
- systemvoltage 6y agoMark this: Skeumorphic design is coming back, hopefully not in the form of Neumorphic design [1], but it is going to make a comeback. Unfortunately, designers will latch onto the worse of both - there is already a huge interest in neumorphic design which is basically flat material UI x skeumorphism, but the combination is worse than the individual parts. Just today, I was reading comments praising Coinbase UI. It is just cliches piled on top of cliches by designers. Everything that happened between 2010-2020 made UI worse in many ways. Winamp UI was whimsical, functional and successful. [1] https://www.justinmind.com/blog/neumorphism-ui/ https://www.justinmind.com/blog/neumorphism-ui/
- NoSorryCannot 6y agoI don't really see what's wrong with it. It's not far off from 90s UIs but with more circular elements and less gray. Those UIs are viewed as very functional in retrospective. However, I thought then and still think now that it's a bit ugly.
- systemvoltage 6y agoLack of borders.
- NoSorryCannot 6y agoTerse but unhelpful.
- jay_kyburz 6y agoSomebody will start adding colour, then a little texture here and there, then some nice satisfying sound effects and we'll be back where we should be! Hrm, I wonder if you can activate a phones rumbler from the UI for tactile feedback.
- sparker72678 6y agoI'm sure some (most) of it is just nostalgia, but Winamp, to me, represents the pinnacle of internet culture. A free, infinitely-customizable piece of software, playing a simple and open-ish format (open for everyone who wanted to use it by figuring out how to use liblame), sharing files of dubious origins, ... I guess basically I liked the internet better when it was just a bunch of shady pirates running amok. Except, I'll keep my fiber internet.
- captbaritone 6y agoHey! Project author here! Happy to answer any questions. This project is open source and the code, and instructions to use it on your site, can be found here: https://github.com/captbaritone/webamp https://github.com/captbaritone/webamp Webamp's ability to render classic Winamp skins led to a collaboration with the Internet Archive where we preserved ~70k (and counting) classic Winamp skins. I also built the Winamp Skin Museum (https://skins.webamp.org/ https://skins.webamp.org/) where you can infinite scroll through those 70k skins and try them out in your browser with one click. Most recently I've been experimenting with improving the visualizer's performance with an in-browser Eel-Wasm compiler. Blog post here: https://jordaneldredge.com/blog/speeding-up-winamps-music-visualizer-with-webassembly/ https://jordaneldredge.com/blog/speeding-up-winamps-music-vi... The project has given me lots of enjoyment over the years, and I'm glad to see that others are enjoying it as well.
- blue_cadet_3 6y agoThis is great! I see there's Winampify but I can't figure out how I would connect my Spotify account to it. Any ideas?
- captbaritone 6y agoTry opening one of the folders.
- blue_cadet_3 6y agoOh nice! haha I kept trying different buttons on the player and settings, never thought to just click a folder. Thanks for this!
- darig 6y agoA couple years ago I tried to integrate this into a website specifically for the visualizations, but couldn't get it working... did the work you did on the visualizer just increase performance, or did it also increase support or ease of getting it setup on a new site?
- Black101 6y agoIt would be nice if you could play a youtube playlist in this interface... probably the best media player ever ;)
- geraldcombs 6y agoIt would be nice if you could use this as a simpler, more reliable frontend to YouTube Music.
- Black101 6y agoor maybe VLC could clone the interface
- xahrepap 6y agoOne of my first practical pieces of software I wrote was for Winamp. I noticed at the time Winamp didn't support using the Media Keys unless it was focused. So I whipped up a simple application that listens to the media keys, then forwards the message to the Winamp process directly. I haven't used a media player since Winamp that I like as much as I liked Winamp. I really miss it.
- 72deluxe 6y agoSuch happy memories. I am using QMMP on my RPi4 these days and using CherryMusic to also offer the same giant directory of music to my other devices over HTTP, whilst running a classic WindowMaker desktop for lightness and speed. It's the pinnacle of computing in my opinion! xfe, xfimage, pluma, geany, qmms. Happy speedy computing! I loved the old Winamp where you could set it to be always on top, and then simply Alt-Shift-Tab on Windows and know that it'd focus Winamp, then use B, C, V whatever. I used to use xmms on Linux for a while I think but I couldn't seem to find anything like what I remember in the repos. Anyway, interesting project and like the milkdrop implementation! I seem to remember Goom as some plugin?
- Scoundreller 6y agoI remember using a plugin where I could setup my Microsoft Sidewinder to skip songs and control other settings. I felt very advanced to have such controls.
- mjaniczek 6y agoVery cool! I am particularly intrigued by the "full-colour" bitmap font approach you took. (I'm trying to get a Fallout 2 font into my F2-inspired browser game, and so far I've managed to get PNG-in-SVG-in-OT working in everything except Chrome. Infuriating.) I want to ask, did you notice any performance hits when wrapping each character in its own <span> with background-image? Do you think that would scale for a page with up to ~2 screens of text at one time?
- captbaritone 6y agoI'm a bit lucky here in that the number of characters on the screen at any given time is bounded, so at max we have maybe 50 spans, which should not be a big deal. I'm not sure how it would scale. In general, if you employ windowing all UI rendering issues are bounded by the number of items visible at a time which can let you get away with a lot of craziness, but if the number of items on the screen is as much as the number of characters on the screen... that could end up being a bit much. I know a lot of things like that end up using shaders to render text, but that is a lot of added complexity.
- xivusr 6y agoWorks great! Now if only I could find the Yaxay3 skin :-(
- captbaritone 6y agoI also built https://skins.webamp.org https://skins.webamp.org which might be helpful for this. Is it one of these? https://skins.webamp.org/?query=Yaxay3 https://skins.webamp.org/?query=Yaxay3
- jeffgreco 6y agoCheck here? https://skins.webamp.org/?query=Yaxay https://skins.webamp.org/?query=Yaxay
- pacman2 6y agoSince XMMS2 ist not supported anymore, any other winamp compatible linux player? https://en.wikipedia.org/wiki/XMMS2 https://en.wikipedia.org/wiki/XMMS2
- chriscareycode 6y agoaudacious media player
- jeegsy 6y agoIts close and I use it but I have trouble getting the MPRIS/playback controls working right
- eloeffler 6y agoguayadeque https://github.com/anonbeat/Guayadeque https://github.com/anonbeat/Guayadeque It looks different but I always found it to be very similar. Haven't used it for long though.
- sxiao 6y agoSo many memories. From a time far away. Before I got my first Macbook. When computer were honest. When the underlying OS was ugly and nobody cared if apps used their own style.
- garganzol 6y agoVisualizations kick ass, I bet they are even better than original. Enjoyable thing but playlist could be larger! It ran out of songs pretty quickly and the show was prematurely over.
- captbaritone 6y agoYou can drag in audio files from your hard drive if you want.
- natserrano 6y agoThis bring me tears to my eyes. Nostalgia. Thank you!
- rijoja 6y agoHey, wouldn't it be cool if someone connected this to youtube or Spotify or something?
- captbaritone 6y agoFor Spotify, someone has! Check out: https://winampify.io https://winampify.io
- rijoja 6y agoAll right! Thanks!
- stjohnswarts 6y agoAh so many parties with just a playlist on winamp and drinking cheap spirits in college :) . Thanks for bringing back a couple memories haha.