webdevRefinery Forum: soulcyon - Viewing Profile - webdevRefinery Forum

TheMaster, on 11 May 2013 - 06:53 PM, said:

Daniel15, on 23 April 2013 - 05:54 AM, said:

Lols. I think it's 0.01%

(function ($) {
    $['fn']['extend']({
        metroPlayer: function (e) {
            var obj = {};
            var e = $['extend'](obj, e);
            return this['each'](function () {
                function obj(e, obj) {
                    var a, b, c, d;
                    $('.selected')['removeClass']('selected');
                    e['addClass']('selected');
                    a = decodeURI(obj[0]['title'])['replace'](/%27/g, '\'');
                    b = decodeURI(obj[0]['artist'])['replace'](/%27/g, '\'');
                    c = decodeURI(obj[0]['file'])['replace'](/%27/g, '\'');
                    $text = a + ' by ' + b;
                    $('.song-title')['text'](a);
                    $('.song-artist')['text'](B);
                    $musicPlayer['jPlayer']('setMedia', {
                        mp3: c,
                        solution: 'html, flash'
                    })['jPlayer']('play');
                };
                obj = $(this);
                o = e;
                $template = $('<div id="metro-wrapper"><div id="metro-left-overlay"></div><div id="jp_container_N" class=""><div id="jquery_jplayer_N" class="jp-jplayer"></div><div class="jp-gui"><div class="jp-interface"><div id="metro-left"><div id="metro-controls"><ul><li id="metro-prev" class="jp-prev"><img src="metroplayer/img/prev.png" /></li><li id="metro-play" class="jp-play"><a href="javascript:;"><img src="metroplayer/img/play.png" /></a></li><li id="metro-pause" class="jp-pause"><a href="javascript:;" ><img src="metroplayer/img/pause.png" /></a></li><li id="metro-next" class="jp-next"><img src="metroplayer/img/forward.png" /></li></ul></div><div id="metro-progress"><div class="jp-progress"><div class="jp-seek-bar"><div class="jp-play-bar"></div></div></div><ul id="track-info"><li>Now playing</li><li id="metro-time-lapse"><span id="metro-duration" class="jp-current-time"></span> / <span id="metro-progress" class="jp-duration"></span></li></ul></div><div id="metro-song-info"><ul><li><div id="song-info-title" class="song-title"></div></li><li><div id="song-info-artist" class="song-artist"></div></li></ul><br/><br/><img src="metroplayer/img/full-screen.png" id="metro-full-screen" /><img src="metroplayer/img/playlist.png" id="metro-playlist-open"/></div></div></div></div></div><div id="metro-playlist"><img src="metroplayer/img/close.png" id="metro-playlist-close"/><h1>now playing</h1><ul id="metro-playlist-tracks"></ul></div><div id="metro-right"><div id="metro-song-overview"><h1>overview</h1><ul><li><p class="label">Song</p><p class="entry song-title"></p></li><li><p class="label">Artist</p><p class="entry song-artist"></p></li></ul></div></div></div>');
                obj['append']($template);
                $pageHeight = $(window)['height']();
                $i = 0;
                $musicPlayer = $('#jquery_jplayer_N');
                $('#metro-left, #metro-playlist, #metro-right, #metro-left-overlay')['css']({
                    height: $pageHeight
                });
                $['getScript']('./metroplayer/js/jplayer/jquery.jplayer.min.js', function () {
                    $first_song = '';
                    $['getJSON']('./metroplayer/media/library.json', function (e) {
                        var obj;
                        $['each'](e, function (e, a) {
                            $title = encodeURI(a['title'])['replace'](/'/g, '%27');
                            $artist = encodeURI(a['artist'])['replace'](/'/g, '%27');
                            $file = encodeURI(a['mp3File'])['replace'](/'/g, '%27');
                            if (e == 0) {
                                $('.song-title')['text'](decodeURI($title));
                                $('.song-artist')['text'](decodeURI($artist));
                                $first_song = decodeURI($file);
                            };
                            obj = '<li><img class="metro-hidden" src="" ' + 'data-src=\'[{"title":"' + $title + '","artist":"' + $artist + '","file":"' + $file + '"}]\'/><p id="playlist-song">' + decodeURI(a['title']) + '</p><p id="playlist-artist">' + decodeURI(a['artist']) + '</p></li>';
                            $('#metro-playlist-tracks')['append'](obj);
                            if (e == 0) {
                                $('#metro-playlist-tracks li:first')['addClass']('selected');
                            };
                        });
                    });
                    $musicPlayer['jPlayer']({
                        swfPath: './metroplayer/js/jplayer/',
                        solution: 'flash,html',
                        supplied: 'm4a, oga, mp3',
                        preload: 'metadata',
                        volume: 0.8,
                        muted: false,
                        cssSelectorAncestor: '#jp_container_N',
                        cssSelector: {
                            play: '.jp-play',
                            pause: '.jp-pause',
                            seekBar: '.jp-seek-bar',
                            playBar: '.jp-play-bar'
                        },
                        errorAlerts: false,
                        warningAlerts: false,
                        ready: function () {
                            $(this)['jPlayer']('setMedia', {
                                mp3: $first_song,
                                solution: 'flash, html'
                            });
                        }
                    })['bind']($['jPlayer']['event']['ended'], function (e) {
                        var a = $('.selected')['next']('li'),
                            b = $['parseJSON'](a['find']('img')['attr']('data-src'));
                        if (!a['is'](':last')) {
                            obj(a, B);
                        };
                    });
                });
                $('#metro-playlist-open,#metro-playlist-close')['click'](function (e) {
                    var obj = $('#metro-playlist');
                    if (obj['is'](':visible')) {
                        obj['fadeOut']('medium');
                    } else {
                        obj['fadeIn']('medium');
                    };
                    e['preventDefault']();
                });
                $('#metro-full-screen')['click'](function (e) {
                    var obj = $('#metro-right'),
                        a = $('#metro-left');
                    if (!obj['hasClass']('right-hidden')) {
                        obj['animate']({
                            width: '0%'
                        }, 600, function () {
                            $(this)['addClass']('right-hidden');
                            a['animate']({
                                width: '100%'
                            }, 600);
                        });
                    } else {
                        a['animate']({
                            width: '71%'
                        }, 600, function () {
                            obj['removeClass']('right-hidden');
                            obj['animate']({
                                width: '33%'
                            }, 600);
                        });
                    };
                    e['preventDefault']();
                });
                $('#metro-playlist-tracks li')['live']('click', function (e) {
                    $('.selected')['removeClass']('selected');
                    $o = $(this);
                    $o['addClass']('selected');
                    $json = $['parseJSON']($o['find']('img')['attr']('data-src'));
                    obj($o, $json);
                    e['preventDefault']();
                });
                $('.jp-prev')['click'](function (e) {
                    var a = $('.selected')['prev']('li'),
                        b = $['parseJSON'](a['find']('img')['attr']('data-src'));
                    if (!a['is'](':first')) {
                        obj(a, B);
                    };
                    e['preventDefault']();
                });
                $('.jp-next')['click'](function (e) {
                    var a = $('.selected')['next']('li'),
                        b = $['parseJSON'](a['find']('img')['attr']('data-src'));
                    if (!a['is'](':last')) {
                        obj(a, B);
                    };
                    e['preventDefault']();
                });
            });
        }
    });
})(jQuery);