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 and various blogs.
  • 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.
  • Choose Skin
  • Edit Playlist
  • Configure Setting
  • DEFAULT SKINS

Addons

SCM Music Player provides full featured control on your music. Apart from predefined configurations in Setup Wizard, you can also control SCM Music Player in various ways:

Custom Skins

People create custom skins to suit their tastes. There are thousands of custom skins on the web e.g. 1 2 3 4 5 6 7
SCM Music Player skin is purely based on CSS, which is easy to customize. You can check over the source to see how they look like.

Javascript Methods

You can also control SCM Music Player via Javascript. The script exposes SCM to global scope with the following methods.
SCM.play();
Plays the current song.
SCM.pause();
Pause the currently playing song.
SCM.previous();
Loads the previous song in playlist.
SCM.next();
Loads the next song in playlist.
SCM.queue({title:'x',url:'y'});
Queue a song title x url y to the playlist.
SCM.play({title:'x',url:'y'});
Add a song title x url y to the playlist and play it.
SCM.volume(vol);
Sets the volume. Accepts an integer vol between 0 and 100.
SCM.skin('x');
Change skin of SCM Music Player, with x being the link to a custom skin css file.
SCM.placement(pos);
Change placement of the player bar. Accepts a string pos 'top' or 'bottom'
SCM.loadPlaylist('x');
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.
SCM.repeatMode(no);
Set the repeat mode of playlist. Accepted values of no are:
0 (play playlist once), 1 (repeat playlist), 2 (repeat item).
SCM.isShuffle(x);
Set whether playback order should be shuffled. Accepts a boolean x true or false.
SCM.showPlaylist(x);
Set whether playlist is being shown. Accepts a boolean x true or false.

Tumblr Endless Scrolling Fix

If you are using the Endless Scrolling Script from Proto.jp you can try this modified version, which may well solves the compatibility issue:
<script type="text/javascript" src="http://scmplayer.net/tumblrautopager.js" ></script>

No comments:

Post a Comment