[Silly Go Round] - Githubissues

// ==UserScript== // @name 4chan Sound Player // @namespace ms11 // @description Allows to play the posted sounds on 4chan (based on Triangle's 4chan Sound Script dev) // @include http://boards.4chan.org/ // @include https://boards.4chan.org/ // @include http://archive.foolz.us/ // @include https://archive.foolz.us/ // @version 0.75 // @updateURL https://raw.github.com/ms11/4chanSoundPlayer/master/4chanSP.user.js // ==/UserScript==

var chrome = (navigator.userAgent+'').indexOf(' Chrome/') != -1; var archive = (document.location+'').indexOf('boards.4chan.org') == -1;

function s2ab(text) { var foo = new ArrayBuffer(text.length); var bar = new Uint8Array(foo); for (var a = 0; a < text.length; a++) { bar[a] = text.charCodeAt(a); } return foo; }

// keep comparing data to [tag] until match
for (var i = 0; i < data.byteLength - eof; i++)
{
    var match = true;
    // match the tag and brackets
    for (var j = 0; j < tag8.byteLength; j++)
    {
        if (data[i+j] != tag8[j])
        {
            match = false;
            break;
        }
    }
    if (!match)
    {
        continue;
    }
    i += tagU.byteLength;
    // skip whitespace and newline
    for (var j = 0; j < skp8.byteLength; j++)
    {
        if (data[i] == skp8[j])
        {
            j = -1;
            i++;
        }
    }
    // match against ogg header
    for (var j = 0; j < ogg8.byteLength; j++)
    {
        if (data[i+j] != ogg8[j])
        {
            match = false;
            break;
        }
    }
    if (!match)
    {
        continue;
    }
    ptr = i;
    break;
}
if (ptr < 0)
{
    // matching against tag failed, try just the ogg header
    for (var i = 0; i < data.byteLength - eof; i++)
    {
        var match = true;
        for (var j = 0; j < ogg8.byteLength; j++)
        {
            if (data[i+j] != ogg8[j])
            {
                match = false;
                break;
            }
        }
        if (match)
        {
            ptr = i;
            break;
        }
    }
    if (ptr > 0)
    {
        var ofs = [-1,-1];
        var find = s2ab('[]');
        var fin8 = new Uint8Array(find);
        for (var j = ptr; j > ptr - 100; j--)
        {
            if (data[j] == fin8[0] && ofs[1] > 0)
            {
                ofs[0] = j+1;
                break;
            }
            else if (data[j] == fin8[1] && ofs[0] < 0)
            {
                ofs[1] = j-1;
            }
        }
        if (ofs[0] > 0 && ofs[1] > 0)
        {
            var newtag = '';
            for (var j = ofs[0]; j <= ofs[1]; j++)
            {
                newtag += String.fromCharCode(data[j]);
            }
            tag = newtag;
        }
    }
}
if (ptr > 0)
{
    //find next ogg header
    //ogg8
    var end = -1;
    for (var i = (ptr+1); i < data.byteLength - eof; i++)
    {
        var match = true;
        for (var j = 0; j < ogg8.byteLength; j++)
        {
            if (data[i+j] != ogg8[j])
            {
                match = false;
                break;
            }
        }
        if (match) //find the tag before
        {
            var ofs = [-1,-1];
            var find = s2ab('[]');
            var fin8 = new Uint8Array(find);
            for (var j = i; j > i - 100; j--)
            {
                if (data[j] == fin8[0] && ofs[1] > 0)
                {
                    ofs[0] = j + 1;
                    break;
                }
                else if (data[j] == fin8[1] && ofs[0] < 0)
                {
                    ofs[1] = j - 1;
                }
            }
            if(ofs[0] > 0) {
                i = ofs[0];
            }

            end = i;
            break;
        }
    }
    if(end>0)
        return {"data":raw.slice(ptr,end),"tag":tag};
    else
        return {"data":raw.slice(ptr),"tag":tag};
}

} function rehyperlink(target,second) { var list = target.getElementsByClassName('playerLoadAllLink'); for(var i = 0; i < list.length;i++){ if(list[i].rehypered) continue; list[i].rehypered = true; list[i].addEventListener('click',function(e) { e.preventDefault(); e.target.innerHTML = " loading..."; var a = null; if(!archive){ var a = e.target.parentNode.parentNode.getElementsByClassName('fileThumb')[0]; }else{ a = byClass(e.target.parentNode.parentNode.parentNode.parentNode.getElementsByTagName('a'), 'thread_image_link'); } if(a) loadAll(a.href,function(){e.target.innerHTML = " Load all sounds"}, function(pe){ e.target.innerHTML = ' loading'; if(pe.lengthComputable){ e.target.innerHTML += '(' + ~~((pe.loaded/pe.total)_100) + '%)'; } }); }); } var links = target.getElementsByClassName('soundlink'); if(links.length < 1) { if(second) return; else setTimeout(function() {rehyperlink(target, true); },200); } var post = target.getElementsByTagName(archive ? 'article':'blockquote')[0]; var a = null; var p = null; if (!archive) { p = post; a = byClass(target.getElementsByTagName('a'), 'fileThumb'); if (!a) return; }else{ a = byClass(post.getElementsByTagName('a'), 'thread_image_link'); p = byClass(post.getElementsByTagName('div'), 'text');
if (!a || !p) return; } for(var i = 0;i < links.length;i++){ var link = links[i]; if(link.rehypered) continue; link.rehypered = true; link.realhref = a.href; link.tag = link.innerHTML.replace("[","").replace("]",""); link.addEventListener('click', function(e) { e.preventDefault(); this.innerHTML = '[loading]'; xmlhttp(this.realhref, function(data,rlink) { rlink.innerHTML = '[' + rlink.tag + ']'; showPlayer(); addMusic(findOggWithFooter(data, rlink.tag),rlink.tag,rlink.realhref); },function(e,rlink){ rlink.innerHTML = '[loading'; if(e.lengthComputable){ rlink.innerHTML += '(' + ~~((e.loaded/e.total)_100) + '%)'; } rlink.innerHTML += ']'; },this); }); } } function hyperlinkone(target) { var postname = archive ? 'article':'blockquote'; if(target.nodeName.toLowerCase() != postname) { var elems = target.getElementsByTagName(postname); for(var i = 0; i < elems.length; i++) { hyperlinkone(elems[i]); } }else{ var repeat = true; while (repeat) { repeat = false; var a = null; var p = null; if (!archive) { p = target; a = byClass(target.parentNode.getElementsByTagName('a'), 'fileThumb'); if (!a) continue; }else{ a = byClass(target.getElementsByTagName('a'), 'thread_image_link'); p = byClass(target.getElementsByTagName('div'), 'text');

            if (!a || !p) continue;
        }
        for (var j = 0; j < p.childNodes.length; j++) {
            var match = null;
            var node = p.childNodes[j];
            if (node.nodeType != 3) {
                if(node.className != "spoiler" && node.className != 'quote') {
                    continue;
                }else{
                    for(var k = 0; k < node.childNodes.length; k++) {

                        var subnode = node.childNodes[k];
                        if(subnode.nodeType != 3) {continue;}
                        if (!(match = subnode.nodeValue.match(/(.*)\[([^\]]+)\](.*)/))) {
                            continue;
                        }
                        addLoadAllLink(p);
                        repeat = true;
                        var href = a.href;
                        var code = match[2];
                        var link = document.createElement('a');
                        link.innerHTML = '[' + code + ']';
                        link.className = 'soundlink';
                        //link.href = href;
                        link.href = "#";
                        link.realhref = href;
                        link.tag = code;
                        link.addEventListener('click', function(e) {
                            e.preventDefault();
                            this.innerHTML = '[loading]';
                            xmlhttp(link.realhref, function(data, rlink) {  
                                rlink.innerHTML = '[' + rlink.tag + ']';
                                showPlayer();
                                addMusic(findOggWithFooter(data, rlink.tag),rlink.tag,rlink.realhref);
                            },function(e,rlink){
                                rlink.innerHTML = '[loading';
                                if(e.lengthComputable){
                                    rlink.innerHTML += '(' + ~~((e.loaded/e.total)*100) + '%)';
                                }
                                rlink.innerHTML += ']';
                            },this);
                        });
                        subnode.nodeValue = match[1];
                        insertAfter(subnode, link);
                        var text = document.createTextNode(match[3]);
                        insertAfter(link, text);
                    }
                }
            }else{
                if (!(match = node.nodeValue.match(/(.*)\[([^\]]+)\](.*)/))) {
                    continue;
                }
                repeat = true;

                addLoadAllLink(p);
                var href = a.href;
                var code = match[2];
                var link = document.createElement('a');
                link.innerHTML = '[' + code + ']';
                link.className = 'soundlink';

                link.href = "#";
                link.realhref = href;
                link.tag = code;
                link.addEventListener('click', function(e) {
                    e.preventDefault();
                    this.innerHTML = '[loading]';
                    xmlhttp(this.realhref, function(data, rlink) {
                        rlink.innerHTML = '[' + rlink.tag + ']';
                        showPlayer();
                        addMusic(findOggWithFooter(data, rlink.tag),rlink.tag,rlink.realhref);
                    },function(e,rlink){
                        rlink.innerHTML = '[loading';
                        if(e.lengthComputable){
                            rlink.innerHTML += '(' + ~~((e.loaded/e.total)*100) + '%)';
                        }
                        rlink.innerHTML += ']';
                    },this);
                });
                node.nodeValue = match[1];
                insertAfter(node, link);
                var text = document.createTextNode(match[3]);
                insertAfter(link, text);
            }
        }
    }
}

}

var lastPost = null; // last post that was hyperlink()ed var lastHyper = 0; // unixtime*1000 for last hyperlink() var isPlayer = false; var playerDiv = null; var playerList = null; var playerTitle = null; var playerTime = null; var playerPlayer = null; var newWindow = null; var playerCurrentDuration = 0; var playerMovingListItem = null; var playerSaveData = null; var playerSettings = null; var playerStyle = null;

var playerListItemMenu = null; var playerVolume = null; var playerCurrentVolume = null; var playerSeekbar = null; var playerSeekbarCurrent = null;

    var max = Number(window.getComputedStyle(playerVolume).width.replace("px",""));
    var width = Number(window.getComputedStyle(playerCurrentVolume).width.replace("px",""));
    if(nl < 0 || nl > max-width) return;
    playerPlayer.volume = nl/(max-width);
    playerCurrentVolume.style.left = nl + "px";
    playerCurrentVolume.oldx = e.clientX;
}

if(playerSeekbarCurrent.down) {
    var cl = Number(playerSeekbarCurrent.style.left.replace("px",""));
    var nl = (cl - (playerSeekbarCurrent.oldx - e.clientX));

    var max = Number(window.getComputedStyle(playerSeekbar).width.replace("px",""));
    var width = Number(window.getComputedStyle(playerSeekbarCurrent).width.replace("px",""));
    if(nl < 0 || nl > max-width) return;
    playerSeekbarCurrent.style.left = nl + "px";
    playerSeekbarCurrent.oldx = e.clientX;
}

}

function showPlayer() { if(!isPlayer) {

    loadConf();
    playerDiv = create('div', undefined, {"id":"playerDiv","class":"playerWindow"});

    playerDiv.style.right = playerSaveData.right+'px';
    playerDiv.style.bottom = playerSaveData.bottom+'px';

    playerHeader = create('div', playerDiv, {"id": "playerHeader"});
    playerTitle = create('div', playerHeader, {"id": "playerTitle"});
    playerTime = create('div', playerHeader, {"id": "playerTime"});
    playerImage = create('img', playerDiv, {"id": "playerImage"});
    playerControls = create('div', playerDiv, {"id": "playerControls"});
    playerVolumeSeekHeader = create('div', playerDiv, {"id": "playerVolumeSeekHeader"});
    playerVolume = create('div', playerVolumeSeekHeader, {"id": "playerVolume"});
    playerCurrentVolume = create('div',playerVolume, {"id": "playerCurrentVolume"});

    var scrollfunc = function(e) {
        e.preventDefault();
        var n = Number(playerCurrentVolume.style.left.replace("px",""));
        if(e.detail < 0 || e.wheelDelta > 0) {
            n+=1;
        }else if(e.detail > 0 || e.wheelDelta < 0) {
            n-=1;
        }

        var max = Number(window.getComputedStyle(playerVolume).width.replace("px",""));
        var width = Number(window.getComputedStyle(playerCurrentVolume).width.replace("px",""));

        if(n < 0 || n > max-width)return;
        playerCurrentVolume.style.left = n +"px";
        playerPlayer.volume=n/(max-width);
    };

    playerVolume.addEventListener("DOMMouseScroll",scrollfunc);
    playerVolume.addEventListener("mousewheel",scrollfunc);

    playerSeekbar = create('div', playerVolumeSeekHeader, {"id":"playerSeekbar"});
    playerSeekbarCurrent = create('div', playerSeekbar, {"id":"playerSeekbarCurrent"});

    //
    playerList = create('div', playerDiv, {"id":"playerList"});
    playerControls2 = create('div',playerDiv, {"id": "playerControls2"});
    playerList.addEventListener('dragover', function(e){
        e.preventDefault();
        e.dataTransfer.dropEffect = "move";
        return false;    
    });  
    playerList.addEventListener('drop', function(e) {
        e.stopPropagation();
        e.preventDefault();
        loadAll(e.dataTransfer.getData("text/plain"));
    });
    playerControls2.addEventListener('dragover', function(e){
        e.preventDefault();
        e.dataTransfer.dropEffect = "move";
        return false;    
    });  
    playerControls2.addEventListener('drop', function(e) {
        e.stopPropagation();
        e.preventDefault();
        loadAll(e.dataTransfer.getData("text/plain"));
    });
    playerPlayer = create('audio', playerDiv, {"id": "playerPlayer"});
    //playerCurrentVolume.style.left = (playerPlayer.volume*170) + "px";
    playerPlayer.addEventListener('ended', function() {playerPlayPause.innerHTML = ">"; nextMusic(true);});
    playerPlayer.volume = playerSaveData.volume;
    //copy from Triangle's script
    playerPlayer.addEventListener('play', function(e) {
        fixFFbug();
    });
    //end
    fixFFbug();
    playerPlayer.addEventListener('timeupdate', function(e) {
        if(!playerSeekbarCurrent.down){
        if(this.currentTime > 0){
            var max = Number(window.getComputedStyle(playerSeekbar).width.replace("px",""));
            var width = Number(window.getComputedStyle(playerSeekbarCurrent).width.replace("px",""));

            var x = (this.currentTime/(chrome?this.duration:playerCurrentDuration)) * (max-width);
            if(x > max-width) {
                fixFFbug();
                playerSeekbarCurrent.style.left = "0px";
                return;
            }
            playerSeekbarCurrent.style.left = x + "px";
            playerTime.innerHTML = sectos(Math.round(this.currentTime)) + "/" + sectos(Math.round(chrome?this.duration:playerCurrentDuration)) || "[unknown]";
        }
        }
    });

    playerPlayer.addEventListener('play', function() {playerPlayPause.innerHTML="| |";});
    playerPlayer.addEventListener('pause', function() {playerPlayPause.innerHTML=">";});
    playerRepeat = create('a', playerControls2, {"href": "#"});
    switch(playerSaveData.repeat){
        case 1: playerRepeat.innerHTML = "[RA]"; playerRepeat.title = "Repeat all"; break;
        case 2: playerRepeat.innerHTML = "[R1]"; playerRepeat.title = "Repeat one"; break;
        case 0: playerRepeat.innerHTML = "[RO]"; playerRepeat.title = "Repeat off"; break;
    }
    playerRepeat.addEventListener('click', function(e) {
        e.preventDefault();
        switch(playerSaveData.repeat){
            case 0: playerSaveData.repeat=1; playerRepeat.innerHTML = "[RA]"; playerRepeat.title = "Repeat all"; break;
            case 1: playerSaveData.repeat=2; playerRepeat.innerHTML = "[R1]"; playerRepeat.title = "Repeat one"; break;
            case 2: playerSaveData.repeat=0; playerRepeat.innerHTML = "[RO]"; playerRepeat.title = "Repeat off"; break;
        }
    });

    playerShuffle = create('a', playerControls2, {"href": "#"});
    playerShuffle.title = playerSaveData.shuffle ? "Shuffle" : "By order";
    playerShuffle.innerHTML = playerSaveData.shuffle ? "[SH]" : "[BO]";
    playerShuffle.addEventListener('click', function(e) {
        e.preventDefault();
        playerSaveData.shuffle = !playerSaveData.shuffle;
        if(playerSaveData.shuffle) {
            playerShuffle.title = "Shuffle";
            playerShuffle.innerHTML = "[SH]";
        }else{
            playerShuffle.title = "By order";
            playerShuffle.innerHTML = "[BO]";
        }
    });

    playerClose = create('a', playerDiv, {"id":"playerClose","href":"#"});
    playerClose.innerHTML="[X]";
    playerClose.addEventListener('click', function(e) {
        e.preventDefault();
        playerSaveData.right = playerDiv.style.right.replace("px","");
        playerSaveData.bottom = playerDiv.style.bottom.replace("px","");
        playerSaveData.volume = playerPlayer.volume;

        localStorage.setItem('4chanSP', JSON.stringify(playerSaveData));

        document.body.removeChild(playerDiv);
        playerDiv = null;
        isPlayer = false;
    });

    playerChangeMode = create('a', playerControls2, {"id": "playerChangeMode", "href": "#"});
    playerChangeMode.innerHTML = "[M]";
    playerChangeMode.title = "Change view";
    playerChangeMode.addEventListener('click', function(e) {e.preventDefault(); swmode();});

    playerPrev = create('a', playerControls, {"href": "#", "class":"playerControlLink"});
    playerPrev.innerHTML = "|<<";
    playerPrev.addEventListener('click', function(e) {
        e.preventDefault();
        prevMusic();
    });
    playerBackward = create('a', playerControls, {"href": "#", "class":"playerControlLink"});
    playerBackward.innerHTML = "<<";
    playerBackward.addEventListener('click', function(e) {
        e.preventDefault();
        playerPlayer.currentTime -= 5;
    }); 
    playerPlayPause = create('a', playerControls, {"href": "#", "class":"playerControlLink"});
    playerPlayPause.innerHTML = ">";
    playerPlayPause.addEventListener('click', function(e) {
        e.preventDefault();
        if(playerPlayer.paused)
            playerPlayer.play();
        else
            playerPlayer.pause();
    });
    playerForward = create('a', playerControls, {"href": "#", "class":"playerControlLink"});
    playerForward.innerHTML = ">>";
    playerForward.addEventListener('click', function(e) {
        e.preventDefault();
        playerPlayer.currentTime += 5;
    }); 
    playerNext = create('a', playerControls, {"href": "#", "class":"playerControlLink"});
    playerNext.innerHTML = ">>|";
    playerNext.addEventListener('click', function(e) {
        e.preventDefault();
        nextMusic(false);
    });

    playerStyleSettingsButton = create('a', playerDiv, {"id":"playerStyleSettingsButton","href":"#"});
    playerStyleSettingsButton.innerHTML="[S]";
    playerStyleSettingsButton.addEventListener('click', function(e) {
        e.preventDefault();
        if(playerSettings.style.display == "none")
            playerSettings.style.display = "block";
        else{
            playerSettings.style.display = "none";
            localStorage.setItem('4chanSP', JSON.stringify(playerSaveData));
        }
    });
    playerSettings = create('table', playerDiv, {"id":"playerSettings","class":"playerWindow"});
    playerSettings.style.right = "210px";
    playerSettings.style.top = "0px";
    playerSettings.style.display = "none";
    var tbody = create('tbody', playerSettings);
    var headerrow = create('tr', tbody);
    playerSettingsHeader = create('td', headerrow,{"colspan":2});
    playerSettingsHeader.innerHTML = "4chan Sounds Player Style Settings";
    playerSettingsHeader.style.textAlign="center";
    playerSettingsHeader.style.cursor = "move";

    var data = [{name:"Text color",format:"CSS color value",id:"LinkColor",sets:"#playerCurrentVolume, #playerSeekbarCurrent {background-color:%1} .playerWindow > * > * {color:%1 !important;} .playerWindow > * {color:%1 !important;} .playerWindow a {color:%1 !important;} .playerWindow a:visited {color:%1 !important;}"},
                {name:"Control hover color",format:"CSS color value",id:"HoverColor",sets:".playerWindow a:hover, .playerListItemTag:hover{color:%1 !important;} #playerCurrentVolume:hover, #playerSeekbarCurrent:hover {background: %1;}"},
                {name:"Background color",format: "CSS color value",id:"BGColor",sets:".playerWindow {background-color:%1 !important}"},
                {name:"Playlist size",format:"Width x Height",id:"PlaylistSize",func: function(value) {var data=value.split('x'); data[0]=data[0].trim(); data[1]=data[1].trim(); return '#playerList {'+(data[0]?'width:'+data[0]+'px;':'') + (data[1]?' height:'+data[1]+'px;}':'}');}},
                {name:"Playlist margins",format:"left,right,top,bottom", id:"PlaylistMargins", func: function(value) {var data=value.split(','); return '#playerList {'+(data[0]?'margin-left:'+data[0]+'px;':'') + (data[1]?'margin-right:'+data[1]+'px;':'') + (data[2]?'margin-top:'+data[2]+'px;':'') + (data[3]?'margin-bottom:'+data[3]+'px;':'')+'}';}},
                {name:"List item background color", format:"CSS color value", id:"ListItemBGColor",sets:".playerListItem{background-color:%1}"},
                {name:"Played list item bg color", format:"CSS color value", id:"PlayedListItemBGColor",sets:".playerListItem[playing=true]{background-color:%1}"},
                {name:"Volume slider width", id:"VolumeSliderWidth", sets:"#playerCurrentVolume{width:%1px}"},
                {name:"Seekbar slider width", id:"SeekbarCurrentWidth", sets:"#playerSeekbarCurrent{width:%1px}"}];
    for(var i = 0; i < data.length;i++){
        var tr = create('tr',tbody);
        var td = create('td', tr,{"class":"playerSettingLabel"});
        td.innerHTML = data[i].name;
        if(!data[i].sets && !data[i].func) continue;
        if(data[i].format) {
            td.style.cursor = "help";
            td.title = data[i].format;
        }
        td = create('td',tr);
        var input = create('input', td);
        input.classList.add('playerSettingsInput');
        input.id = "playerSettings"+data[i].id;
        input.realid = data[i].id;
        if(playerSaveData.userCSS && playerSaveData.userCSS[input.realid]){
            input.value = playerSaveData.userCSS[input.realid];
        }
        input.sets = data[i].sets;
        input.func = data[i].func;
        input.addEventListener('change',function(){
            updateUserCSS(this);
        });
    }

    playerListMenu = create('div', null, {"id": "playerListMenu","class":"playerWindow"});
    playerListMenuDelete = create('a', playerListMenu, {"href":"#","class":"playerListItemMenuLink"});
    playerListMenuDelete.innerHTML = "Remove all...";
    playerListMenuDelete.addEventListener('click', function(e) {
        e.preventDefault();
        if(confirm('Are you sure?')){
            var items = playerList.getElementsByTagName('li');
            while(items.length > 0){
                items[items.length-1].remove();
            }
        }
        playerListMenu.parentNode.removeChild(playerListMenu);
    });
    playerListMenuAddLocal = create('a', playerListMenu, {"href":"#","class":"playerListItemMenuLink"});
    playerListMenuAddLocal.innerHTML = "Add local file...";
    playerListMenuAddLocalInput = create('input', playerListMenuAddLocal, {"type":"file","id":"playerListMenuAddLocalInput"});
    playerListMenuAddLocalInput.addEventListener('change', function(e) {
        loadAll(e.target.files[0]);
        playerListMenu.parentNode.removeChild(playerListMenu);
    });
    playerList.addEventListener('contextmenu', function(e) {
        if(e.target == playerList){
            e.preventDefault();
            if(playerListMenu.parentNode) playerListMenu.parentNode.removeChild(playerListMenu);
            document.body.appendChild(playerListMenu);
            playerListMenu.style.left = e.clientX + 5 + "px";
            playerListMenu.style.top = e.clientY + 5 + "px";
        }
    });

    playerControls2.addEventListener('contextmenu', function(e) {
        if(e.target == playerControls2){
            e.preventDefault();
            if(playerListMenu.parentNode) playerListMenu.parentNode.removeChild(playerListMenu);
            document.body.appendChild(playerListMenu);
            playerListMenu.style.left = e.clientX + 5 + "px";
            playerListMenu.style.top = e.clientY + 5 + "px";
        }
    });
    playerListItemMenu = create('div', null, {"id": "playerListItemMenu","class":"playerWindow"});
    playerListItemMenuDelete = create('a', playerListItemMenu, {"href":"#","class":"playerListItemMenuLink"});

    playerListItemMenuDelete.innerHTML = "Delete";
    playerListItemMenuDelete.addEventListener('click',function(e) {
        e.preventDefault();
        playerListItemMenu.item.remove();
        playerListItemMenu.parentNode.removeChild(playerListItemMenu);
    });

    playerListItemMenuMove = create('a', playerListItemMenu, {"href":"#","class":"playerListItemMenuLink"});
    playerListItemMenuMove.innerHTML = "Move";
    playerListItemMenuMove.addEventListener('click',function(e) {
        e.preventDefault();
        playerListItemMenu.item.move();
        playerListItemMenu.parentNode.removeChild(playerListItemMenu);
    });

    playerListItemMenu.save = create('a', playerListItemMenu, {"href":"#","class":"playerListItemMenuLink"});
    playerListItemMenu.save.innerHTML = "Save...";
    playerListItemMenu.save.addEventListener('click',function(e) {
        if(!chrome){
        e.preventDefault();
        window.open(this.href);
        }
    });

    playerHeader.down = false;
    playerSettingsHeader.down = false;
    document.addEventListener('mousedown',documentMouseDown);
    document.addEventListener('mouseup',documentMouseUp);
    document.addEventListener('mousemove',documentMouseMove);

    isPlayer = true;
    document.body.appendChild(playerDiv);
    swmode(playerSaveData.compact);
    addCSS();

}

}

        playerPlayer.src = e.target.parentNode.bloburl;
        playerTitle.innerHTML = e.target.parentNode.tag;
        playerTitle.title = e.target.parentNode.tag;
        playerPlayer.play();
        playerCurrentVolume.style.left = (playerPlayer.volume * 55)+"px";
        playerImage.src = e.target.parentNode.uri;

    }
});
if(playerPlayer.paused) { tagelem.click(); }

}

function nextMusic(auto) { var items = playerList.getElementsByTagName('li'); for(var i = 0; i < items.length;i++) { if(items[i].getAttribute("playing") == "true") { if(auto && playerSaveData.repeat == 2){ items[i].tagelem.click(); return;}

        if(playerSaveData.shuffle && items.length > 1) {
        var rnd = Math.floor(Math.random()*items.length);
        while(rnd == i) {
            rnd = Math.floor(Math.random()*items.length);
        }
        items[rnd].tagelem.click(); return;
        }
        if(i == (items.length - 1)) {
            if(auto && playerSaveData.repeat === 0){ return;}
            items[0].tagelem.click();
        }
        else
            items[i+1].tagelem.click();
        return;
    }
}
if(items.length > 0) items[0].tagelem.click();

} function updateUserCSS(input) { if(input){ if(!playerSaveData.userCSS) { playerSaveData.userCSS = {}; } playerSaveData.userCSS[input.realid] = input.value; } if(!playerUserStyle && playerSaveData.userCSS) { playerUserStyle = document.createElement('style'); playerUserStyle.setAttribute('type', 'text/css'); document.getElementsByTagName('head')[0].appendChild(playerUserStyle); } if(playerUserStyle){ playerUserStyle.innerHTML = "" var table = document.getElementById('playerSettings'); var elems = table.getElementsByTagName('input'); for(var i = 0; i < elems.length;i++){ if(elems[i].value){ if(elems[i].sets && playerSaveData.userCSS[elems[i].realid]){ var add = (playerSaveData.userCSS.length<1?"":" ")+elems[i].sets.replaceAll('%1',playerSaveData.userCSS[elems[i].realid]); playerUserStyle.innerHTML += add; } else if(elems[i].func && playerSaveData.userCSS[elems[i].realid]){ playerUserStyle.innerHTML += (playerSaveData.userCSS.length<1?"":" ")+ elems[i].func(playerSaveData.userCSS[elems[i].realid]); } } } } }

}

ms11 / 4chanSoundPlayer

[Silly Go Round] #14