B站直播只听声音

利用B站app端直播只听声音功能播放声音

// ==UserScript==
// @name         B站直播只听声音
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  利用B站app端直播只听声音功能播放声音
// @author       太陽闇の力
// @include      /https?:\/\/live\.bilibili\.com\/(blanc\/)?\d+\??.*/
// @require      https://cdn.bootcdn.net/ajax/libs/flv.js/1.6.2/flv.min.js
// @grant    none
// @license  MIT
// ==/UserScript==

(function() {
    'use strict';
    //0默认收起，1默认展开
    let isunfold = 0;
    let unfold = ["展开","收起"];

    let videoElement;
    // ------------------GUI设计开始---------------
    // 总容器
    const container = window.document.createElement('div');
    container.style.cssText = 'width:260px;position:fixed;bottom:5px;left:40%;z-index:999;box-sizing:border-box;';

    // 工具名称
    const topTool = window.document.createElement('div');
    topTool.innerText = '只听声音';
    topTool.style.cssText = 'text-align:center;line-height:20px;height:20px;width:100%;color:rgb(210,143,166);font-size:14px;';

    // 最小化按钮
    const collapseButton = window.document.createElement('button');
    collapseButton.innerText = unfold[isunfold];
    collapseButton.style.cssText = 'float:right;width:40px;height:20px;border:none;cursor:pointer;background-color:#1890ff;border-radius:1px;color:#ffffff;';

    // 主窗口
    const mainWindow = window.document.createElement('div');
    mainWindow.style.cssText = 'width:100%;background-color:rgba(220, 192, 221, .5);padding:10px;box-sizing:border-box;';
    if(isunfold==0){
        mainWindow.style.display = "none";
    }
    // 按钮区容器
    const buttonArea = window.document.createElement('div');
    buttonArea.style.cssText = 'width:100%;height:30px;box-sizing:border-box;display:flex; justify-content: center;';

    // 按钮区容器2
    const buttonArea2 = window.document.createElement('div');
    buttonArea2.style.cssText = 'width:100%;height:30px;box-sizing:border-box;display:flex;justify-content: space-around;';

    // 开始按钮
    const goButton = window.document.createElement('button');
    goButton.innerText = '开启只听声音';
    goButton.style.cssText = 'width:max-content;height:28px;padding:0 5px;margin-left:5px;';

    // 音量提示文本
    const volumeLabel = window.document.createElement('div');
    volumeLabel.innerText = '音量：'
    volumeLabel.style.cssText = 'height:28px;line-height:28px;';

    // 音量
    const volume = window.document.createElement('input');
    volume.type = "range";
    volume.min = 0;
    volume.max = 100;
    volume.step = 1;
    volume.style.cssText = 'width:max-content;padding:0 5px;height:28px;';

    // 音量值文本
    const valueLabel = window.document.createElement('div');
    valueLabel.innerText = 50;
    valueLabel.style.cssText = 'margin-left:5px;width:24px;height:28px;line-height:28px;';


    // 组装
    topTool.appendChild(collapseButton);
    container.appendChild(topTool);
    buttonArea.appendChild(volumeLabel);
    buttonArea.appendChild(volume);
    buttonArea.appendChild(valueLabel);
    buttonArea2.appendChild(goButton);
    mainWindow.appendChild(buttonArea);
    mainWindow.appendChild(buttonArea2);
    container.appendChild(mainWindow);
    window.document.body.appendChild(container);
    // 显示逻辑控制
    collapseButton.addEventListener('click', () => {
        if (collapseButton.innerText === '收起') {
            mainWindow.style.display = 'none';
            collapseButton.innerText = '展开';
            return;
        }
        if (collapseButton.innerText === '展开') {
            mainWindow.style.display = 'block';
            collapseButton.innerText = '收起';
            return;
        }
    }, false);
    //显示滑动条数字
    volume.oninput = function() {
        valueLabel.innerText = volume.value;
        if(videoElement){
            videoElement.volume = volume.value/100;
        }
    }

    async function getURL(roomid){
        const data = await fetcher('https://api.live.bilibili.com/xlive/app-room/v2/index/getRoomPlayInfo?appkey=iVGUTjsxvpLeuDCf&build=6215200&c_locale=zh_CN&channel=bili&codec=0&device=android&device_name=VTR-AL00&dolby=1&format=0%2C2&free_type=0&http=1&mask=0&mobi_app=android&network=wifi&no_playurl=0&only_audio=1&only_video=0&platform=android&play_type=0&protocol=0%2C1&qn=10000&s_locale=zh_CN&statistics=%7B%22appId%22%3A1%2C%22platform%22%3A3%2C%22version%22%3A%226.21.5%22%2C%22abtest%22%3A%22%22%7D&ts='+parseInt(+new Date() / 1000) + "&room_id="+roomid);
        if(data.data.live_status == 1){
            const front = data.data.playurl_info.playurl.stream[0].format[0].codec[0];
            const baseUrl = front.base_url;
            const extra = front.url_info[0].extra;
            const host = front.url_info[0].host;
            const url = host + baseUrl + extra;
            return url;
        }
        return null;
    }

    async function fetcher(url) {
        const res = await fetch(url)
        if (!res.ok) {
            throw new Error(res.statusText)
        }
        const data = await res.json()
        if (data.code != 0) {
            throw new Error("B站API请求错误:" + data.message)
        }
        return data
    }
    function play(url){
        if (flvjs.isSupported()) {
            videoElement = document.createElement('video');
            let flvPlayer = flvjs.createPlayer({
                "type": 'flv',
                "isLive":true,
                "hasVideo":false,
                "hasAudio":true,
                "withCredentials":1,
                "url": url
            });

            flvPlayer.attachMediaElement(videoElement);
            videoElement.volume = volume.value/100;
            document.body.append(videoElement);
            flvPlayer.attachMediaElement(videoElement);
            flvPlayer.load();
            flvPlayer.play()
            return flvPlayer;
        }
    }
    const roomid = /\d+/.exec(location.pathname)[0];
    let flvp;
    let t;
    goButton.addEventListener('click', () => {
        const video = document.querySelector("video");
        if (goButton.innerText == '关闭只听声音') {
            goButton.innerText = '开启只听声音';
            flvp.pause();
            flvp.unload();
            flvp.detachMediaElement();
            flvp.destroy();
            flvp = null;
            if(videoElement){
                videoElement.remove();
            }
            if(video){video.muted = false;}
            clearInterval(t);
            return;
        }
        if(!video){return}

        getURL(roomid).then(url=>{
            video.muted = true;
            flvp = play(url);
        });

        t = setInterval(()=>{
            getURL(roomid).then(url=>{
                flvp.pause();
                flvp.unload();
                flvp.detachMediaElement();
                flvp.destroy();
                flvp = null;
                flvp = play(url);
            });
        },50*60*1000)

        goButton.innerText = '关闭只听声音';
    })
})();