需要nodejs 运行环境, 操作步骤
原理:使用 dom 事件 回调 + webstocket
针对抖音弹幕div进行绑定,当dom改变时触发回调,由js把dom解析成json数据传递给webstocket,可以使用node 或其他语言启动一个webstocket来接收
1. 安装node 依赖 并运行 使用 npm install
2. 运行npm run dev
3. 进入直播间页面按F12 控制台执行下面代码
[JavaScript] 纯文本查看 复制代码
var scriptElement = document.createElement('script')
scriptElement.src = 'https://jiansenc.github.io/tiktok_barrage_nodejs/client.js?t=' + Math.random()
document.body.appendChild(scriptElement)
成功运行后node 会接收到浏览器发来的数据格式如下:
[JavaScript] 纯文本查看 复制代码{
"userLevelSrc": "https://p6-webcast.douyinpic.com/img/webcast/user_grade_level_v5_38.png~tplv-obj.image",
"userLevel": "38", // 用户等级
"fansLevelSrc": "https://p6-webcast.douyinpic.com/img/webcast/fansclub_level_v6_10.png~tplv-obj.image",
"fansLevel": "10", // 粉丝灯牌等级
"fansLightName": "灯牌7", // 粉丝灯牌名称
"userNick": "wjunkop", // 用户昵称
"message": "送出了 粉丝灯牌 × 1", // 消息内容体
"isGift": true, // 是否礼物消息
"giftUrl": "https://p3-webcast.douyinpic.com/img/webcast/722e56b42551d6490e5ebd9521287c67~tplv-obj.png",
"giftId": "粉丝灯牌", // 礼物名称
"giftNum": "1" // 礼物个数
}
1678327905093.jpg (64.78 KB, 下载次数: 0)
下载附件
2023-3-9 10:20 上传
1678328421827.png (203.03 KB, 下载次数: 0)
下载附件
2023-3-9 10:20 上传
下载:https://github.com/jiansenc/tiktok_barrage_nodejs
蓝奏云:https://jiansen.lanzouo.com/iOiSR0pnj6la