Skeleton Revival — Jared Emerson-Johnson

Sudoku Set Equivalence Theory: The Phistomefel Ring / Jordan Eldredge

How you too can embed your own working Winamp player in a Chost

Two caveats first: * This uses a Chiframe [https://cohost.org/easrng/post/358091-new-chiframe-feature]: a tolerated quasi-exploit. Read the comments of the post before using this tool, and don't cause trouble with it. * You need your own web server that allows hotlinking, so all files are served from the same server. This technique uses Webamp [https://github.com/captbaritone/webamp] - a javascript port of Winamp. First, view-source of the iFrame i'm using, its source code is very self-explanatory, and should work well as a base to modify: https://aria.dog/cohost/winamp-2022-11.html [https://aria.dog/cohost/winamp-2022-11.html] You'll note that the iframe is displayed zoomed in 200%, so the text on the page itself is set to 8px only, it will be readable after it's embedded. The empty div id="webampplayer" near the top is where the player will go. I prefer to serve my own JS than rely on a third-party CDN due to privacy implications. You can find the most recent bundle file at https://unpkg.com/webamp [https://unpkg.com/webamp] (don't use mine, it might be out of date). Change the paths to match how files are organized on your server. The playlist and configuration is JSON—see the Webamp [https://github.com/captbaritone/webamp] page for the full API reference. The duration parameter for songs, in seconds, is optional, but using it will save you some bandwidth, as otherwise the clients will prefetch the MP3 files. Change the file paths to match your server organization here too. In the __initialWindowLayout, you can change the playlist size, increase the 2nd parameter to make the playlist taller. As for skins, you can find a bunch of them online, for example, on the internet archive [https://archive.org/details/winampskins], or from Webamp's museum [https://skins.webamp.org/]. They can be used as-is in their .wsz format. There is a built-in skin selector, but few people would think to use it, so I added a few links that do the same below the player. Pretty self-explanatory. Upload the page, .js bundle, and mp3 file to your server, and make sure the paths are correct and that it all works in a web browser. Now, to embed it, go to the Chiframe [https://cohost.org/easrng/post/358091-new-chiframe-feature] post and use the embedded widget. I used 200% zoom, so I set the dimensions to half the size it takes on-screen: I went with 310×520px, tall enough for the skin selector. Oh - and BTW, do you want to use the "Cohost Whippin Intro" file? Go ahead! @HeavyViper recorded the vocals and I did the SFX, we give you our OK to use it for whatever. Just be sure to re-host the file on your own server, ok? I don't guarantee it will last forever at this URL. Grab the MP3 here: https://aria.dog/barks/cohost-intro.mp3 [https://aria.dog/barks/cohost-intro.mp3]

A Vim macro that edits itself to draw a fractal / Jordan Eldredge