SCM Music Player

seamless music for your website

SCM Music Player is a free and open source web music player, that brings a seamless music experience to your website. Support Tumblr, Blogger, Weebly, Tistory and more.

  • Continous Playback Cross Pages - Seamless playback throughout your website.
  • Full Featured Control - Play, pause, next, previous, seek, shuffle, repeat mode, volume and more.
  • Custom Skins - Match your look and feel. Choose or design your own skin with CSS.
  • Dynamic Playlist - Music from various sources: MP3, SoundCloud, Youtube, RSS in HTML5 or Flash.
  • Flexible UI - Dockable player on top or bottom. Playlist can be toggled.
  • Setup Wizard - Create your SCM Music Player without any pain.

Setup Wizard

  • Go through each tab to Choose Skin, Edit Playlist, and Configure Settings. Select Done to proceed.
  • Returning user? Select Import Profile, to load up and edit your current script.


Javascript Methods

SCM Music Player provides full featured control on your music. Apart from predefined configurations in Setup Wizard, you can also control SCM Music Player via Javascript. The script exposes SCM to global scope with the following methods.;
Plays the current song.
Pause the currently playing song.
Loads the previous song in playlist.;
Loads the next song in playlist.
Queue a song title x url y to the playlist.{title:'x',url:'y'});
Add a song title x url y to the playlist and play it.
Sets the volume. Accepts an integer vol between 0 and 100.'x');
Change skin of SCM Music Player, with x being the link to a custom skin css file.
Change placement of the player bar. Accepts a string pos 'top' or 'bottom'
Loads the specified playlist url x.
SCM.loadPlaylist([{title:'x1',url:'y1'}, {title:'x2',url:'y2'}, ...]);
Loads the specified list of songs with their title and url respectively.
Set the repeat mode of playlist. Accepted values of no are:
0 (play playlist once), 1 (repeat playlist), 2 (repeat item).
Set whether playback order should be shuffled. Accepts a boolean x true or false.
Set whether playlist is being shown. Accepts a boolean x true or false.
4000+ Custom Skins