斗鱼弹幕脚本

var targetNode = document.getElementById('js-player-barrage');

var config = { attributes: false, childList: true, subtree: true };

var callback = function(mutationsList) {

for(var mutation of mutationsList) {

if(mutation.addedNodes[0]){

send(mutation.addedNodes[0].querySelector(".Barrage-content"));

}

}

};

var observer = new MutationObserver(callback);

observer.observe(targetNode, config);

var wrapper = document.querySelector("#__h5player").children[3].children[1]

var startTime = 0

var MIN_TIME = 1000

var prevTop = 0

var FONT_SIZE = 50

var BEGIN_TOP = 70

function send(danmu) {

if(!danmu) return;

var dom = danmu.cloneNode(true)

var now = new Date()

var clientWidth = wrapper.clientWidth

dom.style.position = 'absolute'

dom.style.zIndex = '10000'

dom.style.transition = 'transform 7s linear'

dom.style.transform = `translateX(${clientWidth}px)`

dom.style.fontSize = '20px'

dom.style.fontWeight = '800'

if (!danmu.getAttribute('class').includes('color')){

dom.style.color = '#fff'

dom.style.textShadow = '#000 1px 0 0,  000 -1px 0 0,#000 0 -1px 0'

}

var top = BEGIN_TOP

if (startTime === 0 ) {

startTime = now

prevTime = now

} else {

if(now - startTime <= MIN_TIME) {

top=prevTop + FONT_SIZE

prevTop = prevTop + FONT_SIZE

} else {

top=BEGIN_TOP

prevTop = BEGIN_TOP

startTime = now

}

}

dom.style.top = `${top}px`

wrapper.append(dom)

setTimeout(function(){dom.style.transform = 'translateX(-200px)'},0)

setTimeout(function(){dom.remove()},7000)

}

转载于:https://www.cnblogs.com/dongqunren/p/10969132.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值