JSJ 319: Winamp2-js with Jordan Eldredge

JavaScript Jabber

Episode | Podcast

Date: Tue, 26 Jun 2018 10:00:00 +0000

<div class="trix-content"> <div><strong>Panel: </strong></div><ul> <li>Charles Max Wood</li> <li>AJ ONeal</li> <li>Aimee Knight</li> <li>Joe Eames</li> </ul><div> <strong>Special Guests: </strong>Jordan Eldredge</div><div>In this episode, the JavaScript Jabber panelists discuss Winamp2-js with Jordan Eldredge. Jordan is the creator of <a href="https://github.com/captbaritone/webamp">Winamp2-js</a> and was inspired to create this media player from the old Winamp media player that he used back in the day. They talk about the importance of limitations, the value of having fun side projects, and pushing the boundaries. They also touch on skin parsing, making <a href="https://github.com/captbaritone/webamp">Webamp</a> an electron app, and more!</div><div><strong>In particular, we dive pretty deep on:</strong></div><ul> <li>What is <a href="https://github.com/captbaritone/webamp">Winamp2-js</a>?</li> <li>The history and future of Winamp</li> <li><a href="https://getwacup.com/">WACUP</a></li> <li>Winamp was the first big mp3 player that you could style</li> <li>Webamp’s features and the technical challenges associated with them</li> <li>Why <a href="https://www.javascript.com/">JavaScript</a>?</li> <li>Creative solutions</li> <li>Limitations of browser and creating something that previously existed</li> <li>The importance of limitations</li> <li>Hadn’t done very much JavaScript prior to this project</li> <li>Originally created with<a href="https://jquery.com/"> jQuery</a> </li> <li>Led him into a career in JavaScript</li> <li>Pushing the boundaries</li> <li>Skin parsing</li> <li>“Bitrot” and making Winamp skins accessible again</li> <li>The value of side projects, even stupid ones</li> <li><a href="https://github.com/captbaritone/webamp/blob/master/docs/architecture.md">Architecture docs</a></li> <li>What made you choose <a href="https://reactjs.org/">React</a> and <a href="https://redux.js.org/">Redux</a>?</li> <li>Spotiamp (Soptify’s canceled Winamp client)</li> <li>Making <a href="https://github.com/captbaritone/webamp">Webamp</a> an Electron app</li> <li>Winamp visualizers being ported to the web</li> <li>The domain name <a href="https://webamp.org/">webamp.org</a> </li> <li>And much, much more!</li> </ul><div><strong>Links:</strong></div><ul> <li><a href="https://github.com/captbaritone/webamp">Winamp2-js</a></li> <li><a href="https://github.com/captbaritone/webamp">Webamp</a></li> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li>jQuery</li> <li><a href="https://github.com/captbaritone/webamp/blob/master/docs/architecture.md">Architecture docs</a></li> <li><a href="https://reactjs.org/">React</a></li> <li><a href="https://redux.js.org/">Redux</a></li> <li><a href="https://jordaneldredge.com/">jordaneldredge.com</a></li> <li><a href="https://github.com/captbaritone">Jordan’s GitHub</a></li> <li><a href="https://twitter.com/captbaritone">@captbaritone</a></li> </ul><div><strong>Sponsors</strong></div><ul> <li><a href="https://www.telerik.com/kendo-ui?utm_medium=social-paid&amp;utm_source=devchattv&amp;utm_campaign=kendo-ui-awareness-jsjabber">Kendo UI</a></li> <li><a href="https://www.freshbooks.com/invoice?ref=11731&amp;utm_source=pbm&amp;utm_medium=affiliate-program&amp;utm_influencer=419364&amp;utm_campaign=podcast-influencers">FreshBooks</a></li> <li><a href="https://www.lootcrate.com/">Loot Crate</a></li> </ul><div><strong>Picks:</strong></div><div>Charles</div><ul> <li><a href="https://www.amazon.com/Wireless-Carabiner-Speakerphone-Bluetooth-HXP430BL/dp/B00CDGSNPS">JAM XT Speaker</a></li> <li><a href="https://trello.com/">Trello</a></li> </ul><div>AJ</div><ul> <li><a href="https://www.amazon.com/Samson-Mic-Portable-Condenser-Microphone/dp/B001R76D42/ref=as_li_ss_tl?ie=UTF8&amp;linkCode=sl1&amp;tag=co0dcd-20&amp;linkId=684f0d7241f44acdf0b6244c56dd12a9">Samson GoMic</a></li> <li><a href="https://git.coolaj86.com/coolaj86/greenlock-cli.js">Greenlock for Web... Support this podcast at — https://redcircle.com/javascript-jabber/donations Advertising Inquiries: https://redcircle.com/brands Privacy & Opt-Out: https://redcircle.com/privacy