"" style="border: 0px none; vertical-align: bottom;" marginheight="0" marginwidth="0" scrolling="no" name="google_ads_iframe_/8691100/scmplayernet_med_rec_setup_wizard_BTF_300x250_bsazone_1285811_0" id="google_ads_iframe_/8691100/scmplayernet_med_rec_setup_wizard_BTF_300x250_bsazone_1285811_0" frameborder="0" height="250" width="300">

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

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.

<footer id="about">

SCM Music Player created by Adrian C Shum. Open sourced on Github.

Behind the Scenes • Wanna Advertise?

Why ads? Because I have to pay more and more servers to keep SCM Music Player running. These ads help subsidizing the cost.
Wanna get rid of ads? SCM Music Player is free and open sourced. You can do so by self hosting SCM Music Player.

</footer> <script type="text/javascript" src="SCM%20Music%20Player%20-%20seamless%20music%20for%20your%20website_fichiers/soundmanager2-nodebug-jsmin.js"></script> <script type="text/javascript" src="SCM%20Music%20Player%20-%20seamless%20music%20for%20your%20website_fichiers/config.js"></script> <script type="text/javascript" src="SCM%20Music%20Player%20-%20seamless%20music%20for%20your%20website_fichiers/require.js"></script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-4912960-11']); _gaq.push(['_trackPageview']); require([ 'knockout','jquery','underscore', 'util/parseparams', 'text!view/player.html', 'text!view/playlist.html', 'text!view/wizard.html', 'scm','scm.ui','scm.wizard', 'jquery.scrollto', 'binding/slider', 'binding/scm' ],function(ko,$,_,parse,playerView,playlistView,wizardView,SCM){ //Views $("#playerW").html(playerView); $("#playlistW").html(playlistView); $("#wizard").html(wizardView); $("#bsap_1285022").remove(); //AB testing /* (function(){ var name = [ 'PlayItWow', 'VowPod', 'EdgyPlay', 'MinTune', 'CyanPod' ][new Date().getMilliseconds() % 5]; $('#abtest').text(name); $('#abtest').on('click',function(e){ _gaq.push(['_trackEvent', 'Click 2', name]); e.preventDefault(); }); _gaq.push(['_trackEvent', 'Impression 2', name]); })(); */ //hash params var params = parse(location.hash.substr(1)); //restore localStorage config if(localStorage && localStorage['script']){ SCM.setScript(localStorage['script']); $('#restoreTip').show() .on('click','a',function(){ localStorage.removeItem('script'); $('#restoreTip').hide(); }); } //hash config SCM.config(params); //if has params scroll to wizard _(params).each(_.once(function(){ $('#containerW').scrollTo($('#setup'),{duration:0,axis:'Y'}); })); //track self hosted SCM if(SCM.baseURL()) _gaq.push(['_trackEvent', 'Self Hosted', SCM.baseURL()]); //Knockout bindings $('#skin,#containerW,#playerW,#playlistW').each(function(){ ko.applyBindings(SCM,this); }); SCM.step.subscribe(function(step){ //smooth scrolling $('#containerW').scrollTo('#setup',{duration:200,axis:'Y'}); //export script if(step==4){ //Done var script = SCM.getScript(); $('#scriptDone').val(script); if(localStorage) localStorage['script'] = script; //track custom skins if(SCM.skin()==params.skin) _gaq.push(['_trackEvent', 'Custom Skins',document.referrer, params.skin]); } }); $('#importButton').click(function(){ //import script SCM.setScript($('#importField').val()) SCM.step(1); }); $('#scriptDone').click(function(){ //auto select all this.focus(); this.select(); }); $('#container').on('click','a',function(e){ var href = $(this).attr('href'); //smooth scrolling if(href.match(/#/)){ $('#containerW').scrollTo($(href),{duration:200,axis:'Y'}); e.preventDefault() } //external links if(href.indexOf('https://')==0 || (href.indexOf(location.host)==-1 && href.indexOf("http://")==0 )) { //external links window.open(href,'_blank'); window.focus(); e.preventDefault(); } }); //autolist links $('#autolist a').click(function(e){ SCM.autoPlaylist($(this).text()); e.preventDefault(); }); //plus one, twitter, Flattr button & google analytics require([ 'https://apis.google.com/js/plusone.js', 'http://platform.twitter.com/widgets.js', //'http://api.flattr.com/js/0.6/load.js?mode=auto', 'http://www.google-analytics.com/ga.js' ]); $.getScript('http://s3.buysellads.com/ac/bsa.js'); }); </script>