同时观看两个直播，观赏电竞更爽快！Watch TWO douyu live in ONE Screen，HAVE FUN ! RUA RUA RUA!
// ==UserScript==
// @name 斗鱼双开直播（两个直播同屏）
// @namespace http://tampermonkey.net/
// @version 0.1.1
// @description 同时观看两个直播，观赏电竞更爽快！Watch TWO douyu live in ONE Screen，HAVE FUN ! RUA RUA RUA!
// @author Chuck
// @match https://www.douyu.com/*
// @match http://www.douyu.com/*
// @icon http://www.douyu.com/favicon.ico
// @grant none
// @copyright 2016+, @Chuck
// ==/UserScript==
if (window.frames.length == parent.frames.length) {
var setSecondPlayer = function(url){
$("<style scoped id='left-style' type='text/css'>#left,.announce,#js-stats-and-actions,#anchor-info,#js-live-room-normal-equal-right,#js-live-room-normal-equal-left,#js-fans-rank{display:none !important;}#mainbody{padding:0 !important; margin:0 !important; width: auto !important;}#js-live-room-normal-right{position:fixed; left:-335px;top:90px; border-right:10px #ccc solid;}.chat-cont-wrap{max-height:710px;}#js-live-room-normal-left{position:fixed;top:80px; width:49% !important;margin:0 !important; margin-left:10px!important;}#js-live-room-normal-right:hover{left:0px;}#js-room-video{height: 550px!important; }</style>")
.prependTo('#mainbody');
thisIfram = $("<iframe width = 938px height= 850px id='right-player' style='position: fixed; padding-left:10px; right: 0px;' iframename='right-player' frameborder='no' marginheight='0' marginwidth='0' allowTransparency='true'></iframe>");
thisIfram.prependTo('.live-room');
$("#right-player").attr("src", url);
var abc = function(){
$("<style scoped id='right-style' type='text/css'>#header, #left, .announce, #js-stats-and-actions, #anchor-info, #js-live-room-normal-equal-right, #js-live-room-normal-equal-left, #js-fans-rank { display: none !important; }#mainbody { padding: 0 !important; margin: 0 !important; width: auto !important; }#js-live-room-normal-right { position: fixed; right: -335px; top:90px; border-left: 10px #ccc solid; }#js-live-room-normal-right:hover { right: 0px; }.chat-cont-wrap { max-height: 710px; }#js-live-room-normal-left { position: fixed;top:80px; right: 10px; width: 100% !important; margin: 0 !important; }#js-room-video{height: 550px!important; }</style>")
.prependTo(thisIfram.contents().find("body"));
thisIfram.contents().find("#left-style").html("");
};
setTimeout(abc,5000);
};
var closeSecondPlayer = function(){
$("#left-style").remove();
$("#right-player").remove();
};
var ChangeSecondPlayer = function(url){
$("#right-player").attr("src", url);
var abc = function(){
$("<style scoped id='right-style' type='text/css'>#header, #left, .announce, #js-stats-and-actions, #anchor-info, #js-live-room-normal-equal-right, #js-live-room-normal-equal-left, #js-fans-rank { display: none !important; }#mainbody { padding: 0 !important; margin: 0 !important; width: auto !important; }#js-live-room-normal-right { position: fixed; right: -335px; border-left: 10px #ccc solid; }#js-live-room-normal-right:hover { right: 0px; }.chat-cont-wrap { max-height: 710px; }#js-live-room-normal-left { position: fixed;top:60px; right: 10px; width: 100% !important; margin: 0 !important; }#js-room-video{height: 550px!important; }</style>")
.prependTo(thisIfram.contents().find("body"));
thisIfram.contents().find("#left-style").html("");
};
setTimeout(abc,5000);
};
$("<div class='o-close-second-player fl' style='margin: 13px 25px 0 0; height: 22px;width: 85px;border: 1px solid #aaa;border-radius: 5px; display:none;'><span style=' vertical-align: top; line-height: 20px; color: #868686; cursor: pointer;'>关闭第二播放器</span></div>").prependTo('.head-oth');
$("<div class='o-second-player fl' style='margin: 13px 5px 0 0; height: 22px;width: 148px;border: 1px solid #aaa;border-radius: 5px;'> <input class='s-ipt fl'type='text' autocomplete='off' placeholder='输入完整房间地址' value='' id='suggest-search' style=' display: block; font-size: 12px; background: 0 0; border: none; outline: 0; width: 116px; height: 22px; line-height: 22px; padding: 0 5px;'><a class='double-btn' title='加载第二个房间同屏播放' style=' display: block; width: 22px; height: 22px; line-height: 22px; float: right;' href='#'><i style=' display: inline-block; width: 18px; height: 22px; background: url(https://shark.douyucdn.cn/app/douyu/res/com/head-icos.png) -500px -500px no-repeat; background-position: 0 -50px; transform: rotate(90deg);'></i></a></div>").prependTo('.head-oth');
var addFollowBtn = function(){
$.each($(".f-list>li"),function(){
$(this).css('position',"relative");
if($(this).children('.second-player-btn').length===0)
$("<a class='second-player-btn' href='#'style='line-height: 22px; position: absolute; right: -5px; width: 30px; height: 50px; top: 12px; color: #a0a0a0;'><i style=' display: inline-block; width: 18px; height: 22px; background: url(https://shark.douyucdn.cn/app/douyu/res/com/head-icos.png) -500px -500px no-repeat; background-position: 0 -50px; transform: rotate(90deg);'></i><span style=' position: absolute; top: 18px; right: 6px;'>双开</span></a>")
.prependTo($(this));
});
};
$(".f-list").on("click",'.second-player-btn',function(){
closeSecondPlayer();
var url = "https://www.douyu.com"+ $(this).next("p").children("a").attr("href");
setSecondPlayer(url);
$(".o-close-second-player").show();
});
$(".head-oth").on("mouseover",'.o-follow',function(){
var timer=setTimeout(addFollowBtn,1000);
});
$(".double-btn").click(function(){
setSecondPlayer($(".o-second-player input").val());
$(".o-close-second-player").show();
});
$(".o-close-second-player").click(function(){
closeSecondPlayer();
$(".o-close-second-player").hide();
});
}