// ==UserScript==
// @name         bilibili关灯
// @namespace    hhh2000
// @version      0.61
// @description  bilibili关灯(把被新版B站藏起来的关灯按钮揪出来，在关闭弹幕按钮左边，还可以用快捷键，默认'A')
// @author       hhh2000
// @include      *://*.bilibili.com/video/*
// @include      *://*.bilibili.tv/video/*
// @include      *://*.bilibili.com/bangumi/*
// @include      *://*.bilibili.tv/bangumi/*
// @require      https://cdn.staticfile.org/jquery/1.12.4/jquery.min.js
// @run-at       document-end
// @grant        none
// @downloadURL none
// ==/UserScript==

function abc(e) {console.log(e)};

function waitForNode(nodeSelector, callback) {
    var node = nodeSelector();
    if (node) {
        callback(node);
    } else {
        setTimeout(function() { waitForNode(nodeSelector, callback); }, 100);
    }
}

function waitForTrue(ifTrue, callback) {
    if (ifTrue()) {
        callback();
    } else {
        setTimeout(function() { waitForTrue(ifTrue, callback); }, 100);
    }
}

function isFullScreen() {
    return $('#bilibiliPlayer').hasClass('mode-fullscreen');
}

function is_lightoff() { return $('#heimu').css('display') === 'block'; }
function lightoff() { $('.bilibili-player-video-btn-setting-right-others-content-lightoff input').click(); }

//关灯按钮样式
function lightoff_btn_css() {
    var body_brgb = 'rgb(160, 130, 110)';
    var dot_crgb = 'rgb(230, 200, 180)';
    var dot_brgb = 'rgb(50, 50, 50)';
    var dark_rgb = 'rgb(77, 77, 77)';
    if ($('#hhh_lightoff>.bui-switch-input')[0].checked === false) {  //关灯
        $('#hhh_lightoff .bui-switch-body:first').css('background-color', dark_rgb);
        $('#hhh_lightoff .bui-switch-body:first>.bui-switch-dot').css('color', dark_rgb);
    }
    else {
        $('#hhh_lightoff .bui-switch-body:first').css('background-color', body_brgb);
        $('#hhh_lightoff .bui-switch-body:first>.bui-switch-dot').css({'color': dot_crgb, 'background-color': dot_brgb});
    }
}

//关灯按钮
function lightoff_btn() {
    lightoff();
    if(is_lightoff() === $('#hhh_lightoff>.bui-switch-input')[0].checked) {  //checked==true开灯 false关灯
        $('#hhh_lightoff>.bui-switch-input')[0].checked = !$('#hhh_lightoff>.bui-switch-input')[0].checked;
    }
    lightoff_btn_css();
}

//显示提示
function showHint(upper_this, selector_str, text){
    $(".bilibili-player-volumeHint").css('display', 'none');  //隐藏提示
    $(selector_str+'>.bilibili-player-volumeHint-text').text(text);  //百分比显示
    var Hint = $(selector_str);  //显示及渐隐效果（抄bilibili^^）
    clearTimeout(upper_this.showHintTimer),
        Hint.stop().css("opacity", 1).show(),
        upper_this.showHintTimer = window.setTimeout((function() {
        Hint.animate({
            opacity: 0
        }, 300, (function() {
            $(this).hide()
        }
        ))
    }
    ), 1e3)
}

//非全屏滚轮音量调节 0~1, 0~1
function wheel_volumeHint(screenLeft, screenRight){
    //div（抄bilibili^^）
    var volumeHint = '<div id=hhh_volumeHint class="bilibili-player-volumeHint" style="opacity: 0; display: none;">\n'+
        '   <span class="bilibili-player-volumeHint-icon video-state-volume-max">\n'+
        '       <i class="bilibili-player-iconfont bilibili-player-iconfont-volume icon-24soundsmall"></i>\n'+
        '       <i class="bilibili-player-iconfont bilibili-player-iconfont-volume-max icon-24soundlarge"></i>\n'+
        '       <i class="bilibili-player-iconfont bilibili-player-iconfont-volume-min icon-24soundoff"></i>\n'+
        '   </span>\n'+
        '   <span class="bilibili-player-volumeHint-text">57%</span>\n'+
        '</div>';
    if($('#hhh_volumeHint').length === 0) $('.bilibili-player-video-wrap').append(volumeHint);

    //add wheelevent
    $('.bilibili-player-video-wrap').off('mousewheel.hhh_volumeHint');
    $('.bilibili-player-video-wrap').on('mousewheel.hhh_volumeHint', function(e){
        if(e.ctrlKey || e.altKey || e.shiftKey) return;
        var e_in_Hint = $(this).width() !== $(e.target).width();  //处理鼠标在提示上的情况
        var w = $(this).width();
        screenLeft = screenLeft<0?undefined:screenLeft>1?undefined:screenLeft;
        screenRight = screenRight<0?undefined:screenRight>1?undefined:screenRight;
        if(screenLeft === undefined || screenRight === undefined) {
            screenLeft = 0.3;
            screenRight = 0.7;
        }
        //非全屏及鼠标在屏幕指定位置时处理
        if(player.isFullScreen() === false && (e_in_Hint || (e.originalEvent.offsetX > w*screenLeft && e.originalEvent.offsetX < w*screenRight))) {
            e.preventDefault();  //阻止页面滚动
            var wheelDelta = e.originalEvent.wheelDelta;
            var volume = player.volume();
            if(wheelDelta >= 120) {  //向上滚动，减少音量
                player.volume(volume+0.03);
            } else if(wheelDelta <= -120) {  //向下滚动，增大音量
                player.volume(volume-0.03);
            }
            //console.log(this); var ve=e;
            showHint(this, '#hhh_volumeHint', Math.round(player.volume()*100)+'%');
        }
    });
}

//控制进度条
//.bilibili-player-setting-opacity 透明度
//.bilibili-player-setting-area 显示区域
//.bilibili-player-setting-speedplus 弹幕速度 等等
//利用系统mousedown事件
//'正数': right,  '负数': left,  -100 ~ +100
function set_progress(selector_str, percent){
    var selector = document.querySelector(selector_str);
    var e1 = new MouseEvent('mousedown'); var e2 = new MouseEvent('mouseup');
    var danmaku_setting_wrap = '.bilibili-player-video-danmaku-setting-wrap';
    var tip_selector = document.querySelector(selector_str+' .bui-thumb-tooltip');

    function calc_bar_len(percent){
        var p = percent - 10;
        p = p<0? 0: p>90? 90: p;
        return p<=40? p*2.5: (p-40)*2 + 40*2.5;
    }

    $(danmaku_setting_wrap).css({"display":"block"});

    var selector_rect = selector.getClientRects();
    var curr_percent = Number(tip_selector.innerHTML.slice(0,-1));
    var clientX = selector_rect[0].left + calc_bar_len(curr_percent + percent);
    e1.initMouseEvent('mousedown',1,1,window,1,0,0,clientX,0,0,0,0,0,0,null);
    e2.initMouseEvent('mouseup'  ,1,1,window,1,0,0,clientX,0,0,0,0,0,0,null);
    selector.dispatchEvent(e1); selector.dispatchEvent(e2);

    $(danmaku_setting_wrap).css({"display":"none"});
    return tip_selector.innerHTML.slice(0,-1);
}

//滚轮调节弹幕透明度（ctrl）
function wheel_opacity_wheel(){
    //div（抄bilibili^^）
    var div_opacity = '<div id=hhh_opacity class="bilibili-player-volumeHint" style="opacity: 0; display: none;">\n'+
        '   <span class="bilibili-player-volumeHint-text">57%</span>\n'+
        '</div>';
    if($('#hhh_opacity').length === 0) $('.bilibili-player-video-wrap').append(div_opacity);

    //add wheelevent
    $('.bilibili-player-video-wrap').off('mousewheel.hhh_opacity');
    $('.bilibili-player-video-wrap').on('mousewheel.hhh_opacity', function(e){
        if(e.ctrlKey === true) {
            e.preventDefault();  //阻止页面滚动
            e.stopPropagation();  //阻止冒泡
            var wheelDelta = e.originalEvent.wheelDelta;
            var opacity = -1;
            if(wheelDelta >= 120) {  //向上滚动，增大透明度
                opacity = set_progress('div.bilibili-player-setting-opacity', 5);
            } else if(wheelDelta <= -120) {  //向下滚动，减少透明度
                opacity = set_progress('div.bilibili-player-setting-opacity', -5);
            }
            if(opacity >= 0) showHint(this, '#hhh_opacity', '透 '+opacity+'%');
        }
    });
}

//主程序
function run(){
    waitForNode(() => document.querySelector('.bilibili-player-video-danmaku-switch .bui-switch-dot'),
                (node) => {

        var h5Player = $('#bilibiliPlayer .bilibili-player-video>video');

        //TEST
        //state
        var ON = true,
            OFF = false,
            config = {
                sets: {},
                getCheckboxSetting(key) {
                    return this.sets[key]['status'];
                },
                saveCheckboxSetting() {
                    for(var o in this){
                        if(o.indexOf('b_') === 0){
                            var op = this[o]['options'];
                            for(var k in op){
                                this.sets[k] = op[k];
                            }
                        }
                    }
                },
                b_playerCheckbox: {
                    options: {
                        hideSenderBar: { text: '隐藏弹幕栏', status: OFF, fn: 'hideOrShowSenderBar', tips: '发弹幕快捷键可显示' },
                        widescreenScroll2Top: { text: '宽屏时回到顶部', status: OFF, ban:['widescreenSetOnTop'], fn: 'setWidescreenPos' },
                        widescreenSetOnTop: { text: '宽屏时播放器置顶部', status: OFF, ban:['widescreenScroll2Top'], fn: 'setWidescreenPos' },
                        lightOffWhenPlaying: { text: '播放时自动关灯', status: ON, },
                        lightOnWhenPause: { text: '暂停时自动开灯', status: ON, },
                        ultraWidescreen: { text: '超宽屏', status: OFF, ban:['customUltraWidescreenHeight'], fn: 'ultraWidescreen', tips: '宽屏模式宽度和窗口一样'},
                        customUltraWidescreenHeight: { text: '自定义超宽屏高度', status: OFF, ban:['ultraWidescreen'], fn: 'customUltraWidescreenHeight', tips: '最大高度和窗口一样'},
                        customPlayerHeight: { text: '自定义播放器高度', status: OFF, fn: 'customPlayerHeight', tips: '最大高度和窗口一样' },
                        bottomTitle: { text: '标题位于播放器下方', status: OFF, tips: '刷新生效' },
                        danmukuBoxAfterMultiPage: { text: '新版弹幕列表在视频选集下方', status: OFF, tips: '刷新生效' }
                    },
                    btn: '设置'
                }
            }
        config.saveCheckboxSetting();

        //防止重复加载
        if ($('.bilibili-player-video-danmaku-switch .bui-switch-dot').length !== 1) return;

        //插入关灯按钮
        $("div.bilibili-player-video-danmaku-switch:first").clone().prependTo("div.bilibili-player-video-danmaku-root:first");
        $("div.bilibili-player-video-danmaku-switch:first")[0].id = 'hhh_lightoff';
        $('#hhh_lightoff .bui-switch-dot>span').remove();
        $('#hhh_lightoff .bui-switch-dot')[0].innerHTML = '灯';

        //点击关灯
        $('#hhh_lightoff>.bui-switch-input:first').click(function(){
            lightoff_btn();
            //console.log(this.checked);
            //$('.bilibili-player-video-btn-setting-right-others-content-lightoff>input').click();
            //lightoff_btn_css();
        });

        //键盘关灯等
        var opacity = -1;
        var x = 0;
        $(document).off('keydown.hhh_lightoff');
        $(document).on('keydown.hhh_lightoff',function(e){
            if(e.keyCode === 'A'.charCodeAt()){  //开关灯
                lightoff_btn();
                //实际点击按钮和调用点击事件bui-switch-input')[0].checked值不同，需要下面这句
                //$('.bilibili-player-video-danmaku-switch>.bui-switch-input')[0].checked = !$('.bilibili-player-video-danmaku-switch>.bui-switch-input')[0].checked;
                //$('.bilibili-player-video-btn-setting-right-others-content-lightoff>input').click();
                //lightoff_btn_css();
            } else if(e.keyCode === 'W'.charCodeAt()) {  //网页全屏
                $('.bilibili-player-video-web-fullscreen').click();
            } else if(e.keyCode === 'Q'.charCodeAt()) {  //宽屏模式
                isFullScreen() ? $('.bilibili-player-video-btn-fullscreen').click() : $('.bilibili-player-video-btn-widescreen').click();
            } else if(e.keyCode === 'D'.charCodeAt()) {  //开关弹幕
                $('.bilibili-player-video-danmaku-switch>.bui-switch-input:last').click();
            } else if(e.keyCode === 'T'.charCodeAt()) {  //开关顶端弹幕
                $('.bilibili-player-block-filter-type[ftype=top]').click();
            } else if(e.keyCode === 'B'.charCodeAt()) {  //开关底端弹幕
                $('.bilibili-player-block-filter-type[ftype=bottom]').click();
            } else if(e.keyCode === 'R'.charCodeAt()) {  //开关洗脑循环
                $(".bilibili-player-video-btn-setting-left-repeat>.bui-switch-input").click();
            } else if(e.keyCode === 'Z'.charCodeAt()) {  //-弹幕透明度
                opacity = set_progress('div.bilibili-player-setting-opacity', -10);
                if(opacity >= 0) showHint(this, '#hhh_opacity', '透 '+opacity+'%');
            } else if(e.keyCode === 'C'.charCodeAt()) {  //+弹幕透明度
                //var e1 = new WheelEvent('mousewheel', {deltaX:120,deltaY:120,deltaZ:120,ctrlKey:true});
                //$('.bilibili-player-video-wrap')[0].dispatchEvent(e1)
                opacity = set_progress('div.bilibili-player-setting-opacity', 10);
                if(opacity >= 0) showHint(this, '#hhh_opacity', '透 '+opacity+'%');
            } else if(e.keyCode === 38 || e.keyCode === 40) {  //up+down arrow //系统音量提示显示时隐藏自定义音量提示
                 $(".bilibili-player-volumeHint").css('display', 'none');
            }
        });

        //初始化关灯按钮
        lightoff_btn_css();

        //一些CLASS命名
        var danmaku_setting    = '.bilibili-player-video-danmaku-setting';
        var video_setting      = '.bilibili-player-video-btn.bilibili-player-video-btn-setting';
        var video_setting_wrap = '.bilibili-player-video-btn-setting-wrap';

        //激活系统弹幕设置，以此使用网页全屏等
        $(danmaku_setting).mouseenter().mouseleave();

        //激活系统关灯设置，以此使用关灯
        //去掉mouseout()，否则如果太快执行mouseout()无法激活关灯class，应该是mouseenter()未执行完就被mouseout打断了
        $(video_setting).mouseenter();

        //避免显示激活页面
        waitForNode(() => document.querySelector(video_setting_wrap),
                    (node) => {
            $(node).css({"visibility":"hidden"});  //visible
        })

        //解决因为激活关灯class，导致全屏时滚轮无法调节音量的问题
        waitForTrue(()=>$(video_setting_wrap).css('display') === 'block',
                    () => {
            $(video_setting_wrap).css('display', 'none').css('visibility', 'visible');
        });

        //非全屏滚轮音量调节
        wheel_volumeHint(0.35, 0.65);

        //滚轮调节弹幕透明度（ctrl）
         wheel_opacity_wheel();

        //addEventListener
        player.addEventListener('video_media_playing', () => config.getCheckboxSetting('lightOffWhenPlaying') === ON && !is_lightoff() && lightoff_btn());
        player.addEventListener('video_media_pause', () => config.getCheckboxSetting('lightOnWhenPause') === ON && is_lightoff() && lightoff_btn());

        //自动运行
        var STATAS = 'ON';    // ON | ALLOFF
        if('ON'===STATAS && $('.bilibili-player-video-btn-setting-left-autoplay>.bui-switch-input')[0].checked === false)  //开启自动播放
            $(".bilibili-player-video-btn-setting-left-autoplay>.bui-switch-input").click();
        if('ON'===STATAS) $(".bilibili-player-video-btn-setting-left-repeat>.bui-switch-input").click();  //开启洗脑循环
        if('OFF'===STATAS) lightoff_btn();  //自动关灯

    });
}

function init() {
    //内部加载视频窗口
    waitForNode(() => document.querySelector('video'),
        (node) => {
        var oV = document.getElementsByTagName("video")[0];
        oV.addEventListener('DOMNodeInserted', () => {
            run();
        });
    });

    run();
}

window.onload = init();