Sonus Player Auto Generator
    Minimal single-track audio player for sites like neocities!

    (Scroll down for troubleshooting and FAQ.)
    Background color:

    Title bar color:

    Title font color:

    Play/pause symbols color:

    Timer font color:

    Rounded borders?

    Track name?

    Track URL? (Must be a direct link!)

    Attribution text?

    ▶
    ||
    00:00
    Neartsua
    HTML Code

    CSS Code

    JS Code

    Troubleshooting/FAQ
    • How do I use this?
      • Fill out the form and click Generate!
      • Copy the HTML code and paste it in your HTML page where you want the player to appear.
      • Copy and paste the CSS into your CSS file.
      • Copy and paste the JS code into your script file. (If you don't have a script file, create one in the same folder as your HTML/CSS file and name it "script.js".)
    • Can I edit this?
      Edit to your heart's content, I really do not care.
    • Audio isn't playing on my site, but will play on this page!
      This might be an issue with your script file. Be sure that the file with your JS code in it is in the same folder as the HTML and CSS code files.
      If they're in the same folder, then you might have your script file named something other than "script.js". If so, either rename your script file or replace "./script.js" in the HTML code with your file name.
    • My audio won't play at all!
      You probably have an incorrect media format in your link. The link has to be a DIRECT LINK to an audio file - youtube, soundcloud, or spotify links will not work, sorry! You will need to host your file somewhere.
      What I did was host my files on dropbox and add "&raw=1" to the end of the sharing link URL - that will tell dropbox to direct you to the raw file.
    • I have some other issue!
      Feel free to contact me on discord @neartsua. I can't promise I can help, but I can try.