Skip to content
/ sop Public

Minimal music page, simple controls, no frameworks

Notifications You must be signed in to change notification settings

kuboschek/sop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

sop - song page

Key Facts

  • Just simple CSS + JS
  • Works in any modern browser
  • Hostable on GitHub Pages
  • Adjustable to your liking

Configure

To play your own song, change the data at the top of index.html:

var songInfo = [{
        id: "miles-away",
        fileLocation: "fl/masters/280320.wav",
        fileType: "audio/wav",

        coverLocation: "covers/miles-away.jpg",

        title: "Miles Away",
        album: "f**k i think i made another rap track",
        artist:"kubs"
    },
    {
        id: "suicide-by-train",
        fileLocation: "fl/masters/290320.flac",
        fileType: "audio/flac",

        coverLocation: "covers/suicide-by-train.jpg",

        title: "Suicide By Train",
        album: "f**k i think i made another rap track",
        artist:"kubs"
    }
];

Deploy

  • Adjust song info as described above
  • Copy updated index.html and style.css to your web server
  • Copy audio file and cover picture to your web server

Assumptions

  • The cover picture is square

About

Minimal music page, simple controls, no frameworks

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published