Bilibili 网页版修改弹幕字体

下载一个油猴插件 http://tampermonkey.net
要匹配的网址是@match https://www.bilibili.com/video/*
然后在'use strict';下面输入代码:

let currentVideoAddress = "";
setInterval(function() {
    let newAddress = document.getElementsByTagName('video')[0].getAttribute('src');
    if (newAddress === currentVideoAddress) return;
    currentVideoAddress = newAddress;
    setTimeout(function() {
        changeDanmuFont();
    }, 100);
}, 3000);

function changeDanmuFont() {
    function changeStyle(obj, level=0) {
        try {

            // obj.style.fontWeight='normal';
            obj.style.fontFamily='PingFang SC';
            obj.style.opacity='1';
            obj.style.webkitTextStrokeWidth='1.5px';
            obj.style.webkitTextStrokeColor='black';
            obj.style.textShadow=''; //'0px 0px 10px #000000';
        } catch(err) {
            console.log('Trying ' + level + ': ');
            console.log(obj);
            if (level < 3) {
                setTimeout(function() {
                    changeStyle(obj.parentNode, level+1);
                }, 100);
            }
        }
    }

    let d = document.getElementsByClassName('bilibili-player-video-danmaku')[0];
    d.addEventListener('DOMNodeInserted', function(ev) {
        changeStyle(ev.target);
    });

弹幕的HTML有的在ev.target中, 有的在ev.target.parentNode中, 如果后者的情况下, 不延时直接修改字体有时候无效.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值