首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 开发体育赛事直播系统:炫彩弹幕直播间界面技术实现方案

    -- 弹幕区域 -->

    <barrage-item v-for="barrage in barrages" :key="barrage.id" :content="barrage.content" :color="barrage.color ".equals(json.getString("type"))) { Barrage barrage = new Gson().fromJson(json.getJSONObject "]) { Barrage *barrage = [[Barrage alloc] initWithDictionary:dict[@"data"] error:nil]; *barrage = self.barrages[indexPath.row]; cell.textLabel.text = barrage.content; return cell

    84700编辑于 2025-03-29
  • 来自专栏漫画前端

    弹、弹幕,是怎样练成的?

    创建Barrage类 弹幕制造者来了,下面我们就来实现一下这个Barrage类,看它都具备哪些属性和方法,继续todo吧。 Barrage这个类都已经敲完了,那么接下来开始真正的渲染步骤吧。 barrage.flag && time >= barrage.time) { // 判断当前弹幕是否有过初始化了 // 如果isInit还是 barrage.isInit) { barrage.init(); barrage.isInit = true; barrage.isInit = false; } else { // 其他时间对比不匹配的,flag还是true不用重新渲染 barrage.flag

    1.2K20发布于 2020-12-16
  • 来自专栏腾讯IVWEB团队的专栏

    前端弹幕实现

    div'); const div.innerText = 'hello word'; div.style.color = 'orange'; div.syle.fontSize = '20px'; <Barrage = item; // 如果弹幕对象是一个dom节点 if (isDom(item)) { barrage = { domContent: item barrage.speed = Math.random() * (barrage.speed[1] - barrage.speed[0]) + barrage.speed[0]; // 随机速度,让弹幕元素错开 this.barrageList.push(barrage); // this.barrageList 用来存放弹幕信息列表 }); } 创建弹幕dom 需要执行的任务有: 随机获取空闲行 barrage.domContent) { div.innerText = text; } else { div.appendChild(barrage.domContent

    3.4K41发布于 2020-06-28
  • 来自专栏传统基础应用开发专栏-不限开发语言

    抖音弹幕游戏开发之第13集:完善代码结构·优雅草云桧·卓伊凡

    提取处理函数handle_barrage函数defhandle_barrage(data):"""处理弹幕消息"""globallast_trigger_timecontent=data.get('content defon_message(ws,message):try:data=json.loads(message)msg_type=data.get('msgType','')ifmsg_type=='弹幕':handle_barrage on_close=on_close,on_error=on_error)print("正在连接弹幕服务器...")ws.run_forever()代码规范建议规范说明函数名小写字母和下划线,如handle_barrage

    11310编辑于 2026-02-17
  • 来自专栏凹凸玩数据

    用Python爬取王冰冰vlog弹幕并制作词云

    oid='+str(oid) self.barrage_reault=self.get_page() # 获取信息 def get_page(self): # 弹幕去重 def remove_double_barrage(self): ''' double_arrage:所有重复弹幕的集合 results:去重后的弹幕 barrage :每种弹幕内容都存储一遍 ''' double_barrage=[] results=[] barrage=set() for result in self.param_page (result) barrage.add(result) return double_barrage,results,barrage 五、弹幕重复次数统计和制作词云 我们在网上照一张 =double_barrages.count(barrage) f.write(barrage+':'+str(amount+1)+'\n')

    56610发布于 2021-02-05
  • 来自专栏小狐狸说事

    7b2主题评论气泡

    其他主题有接口也可以使用 这个功能来自于https://github.com/515184405/barrage,版权归他所有。 site: http://www.xiaohuli.vip 更新时间 :2018-04-03 QQ : 2935868921 github : https://github.com/515184405/barrage 还有一些其他的项目哦,欢迎star **/ $.fn.barrage = function(opt) { var _self = $(this); var opts = { //默认参数 data: } $.ajax({ type: "POST", data: { }, url: '', //api地址 success: function(data) { var Obj = $('body').barrage

    48120编辑于 2022-12-01
  • 来自专栏DotNet程序园

    .NET斗鱼直播弹幕客户端(下)

    \barrage.linq"DouyuBarrage.ChatMessageFromUrl("https://www.douyu.com/scboy") .Select(x => new { Room -2/barrage_tranditional.linq 新式代码 https://github.com/sdcb/blog-data/blob/master/2019/20191013-douyu-barrage-with-dotnet -2/barrage.linq 合并弹幕 https://github.com/sdcb/blog-data/blob/master/2019/20191013-douyu-barrage-with-dotnet -2/barrage-combine.linq 桌面弹幕 https://github.com/sdcb/blog-data/blob/master/2019/20191013-douyu-barrage-with-dotnet -2/desktop-barrage.linq 喜欢的朋友请“刷一波666???”

    1.2K31发布于 2019-10-15
  • 来自专栏IM、TRTC直播点播相关讨论

    基于TIM + CCL 实现点播/直播弹幕解决方案

    // 拼装弹幕消息 function handleCustomMessaageToBarrage(item) { const barrage "size": 25, "color": 0xFFFFFF } barrageList.push(barrage 关于弹幕的样式可以根据实际情况进行调整,如下面发送实时弹幕的样式是这样的 function hanldeLiveMessageToBarage(text) { const barrage 0, "size": 25, "color": 0x7c8f2d } cm.send(barrage

    1.9K90编辑于 2022-04-02
  • 来自专栏Coco的专栏

    使用 mask 实现视频弹幕人物遮罩过滤

    -- 包裹所有弹幕的容器 -->

    <! -- 所有弹幕 -->
    6666
    ...
    6666
    为了模拟实际情况,我们再用一个 div 添加一个实际的人物,如果不做任何处理,其实就是我们看视频打开弹幕的感受,人物被视频所遮挡 最终可以得到这样的效果: .g-barrage-container { position: absolute; mask: radial-gradient(circle at 100px

    1.4K10发布于 2021-03-02
  • 来自专栏Android技术分享

    教你写一个弹幕库,确定不了解一下?

    前言 最近刚写完了一个弹幕库Muti-Barrage,它具有如下功能: 自定义多视图(弹幕必备) 碰撞检测 检测触摸事件 设置发送间隔 设置速度生成区间 循环播放 花费了不少闲暇的时间,故打算在此总结一下 = null) { holder = (BarrageViewHolder<T>) cacheView.getTag(R.id.barrage_view_holder); BarrageViewHolder<T> holder = onCreateViewHolder(root, type); // 设置点击事件 root.setTag(R.id.barrage_view_holder 接着判断缓存ViewcacheView是否为空,不为空则利用getTag(R.id.barrage_view_holder)方法获取缓存View中绑定的BarrageViewHolder。 当然了,本人对知识的理解难免有误差,如有错误,欢迎指出,如果觉得我的库写的不错,可以给个Star呦~ Muti-Barrage:https://github.com/mCyp/Muti-Barrage

    1.1K30发布于 2019-05-07
  • 来自专栏月小水长

    B 站弹幕、评论爬虫工具开放下载

    标题:《白蛇:缘起》无对白版片尾曲《前世今生》完整版4分06秒 演唱:龚笑笑 BV号:BV1Qb411q7Xu 弹幕抓取工具 双击 BarRage.exe 输入 BV1Qb411q7Xu 并回车 最后会在 和 BarRage.exe 同级的目录下的 BarRage 文件夹中,生成 《白蛇:缘起》无对白版片尾曲《前世今生》完整版4分06秒 演唱:龚笑笑.csv 保存的 csv 就是弹幕内容 如下图

    2.4K21发布于 2020-11-19
  • 来自专栏小狐狸说事

    7b2主题评论气泡

    虽说是7b2评论气泡,其实就是用了7b2的api,其他主题照样使用 这个功能来自于https://github.com/515184405/barrage,版权归他所有。 max-width: 780px) { #Danmu { right: 0; bottom: 5px; } } /*弹幕评论结束*/ 子主题child.js /*弹幕评论开始*/ $.fn.barrage www.lmtd.cn/wp-json/b2/v1/getNewComments', //api地址 success: function(data) { var Obj = $('body').barrage ($('#Danmu').length == 0) { Obj.start(); } } }); /*弹幕评论结束*/ /*弹幕评论开始*/ $.fn.barrage www.lmtd.cn/wp-json/b2/v1/getNewComments', //api地址 success: function(data) { var Obj = $('body').barrage

    60110编辑于 2022-11-17
  • 来自专栏新亮笔记

    《三》Swoole WebSocket 的应用

    v=17"></script> <title>视频弹幕Demo</title> <style> .canvas-barrage { 14px; } </style> </head> <body> <canvas id="canvasBarrage" class="canvas-<em>barrage</em> canvasBarrage'); var eleVideo = document.getElementById('videoBarrage'); var <em>barrage</em> } }; ws.onmessage = function (evt) { <em>barrage</em>.add

    1K30发布于 2019-05-28
  • 来自专栏coding个人笔记

    浅谈弹幕的设计

    number protected tracks: Track<T>[] = [] waitingQueue: T[] = [] // 添加弹幕到等待队列 abstract add(barrage barrageObject, target) } } reset() { this.forEach(track => { track.forEach(barrage => { const el = this.objToElm.get(barrage) if (! Demo https://logcas.github.io/a-barrage/example/css3.html https://logcas.github.io/a-barrage/example

    2.4K31发布于 2021-08-26
  • 来自专栏WflynnWeb

    js实现文字竖向滚动

    span>梦里浮生 领取211.28元现金

  • <div class="<em>barrage</em>-list-content span>白衣扶弦</span> <span>领取247.11元现金</span> </div> </li> <li> <div class="barrage-list-content

27.7K10编辑于 2022-10-28
  • 来自专栏言云纪

    十一. websocker服务与ws请求头拦截器

    vr_id").toString(); String msg =""; switch (socketClient.getType()){ case "BARRAGE " : //XXX:{"type":"BARRAGE","msg":"弹幕消息"} msg = SocketUtils.BARRAGE_MSG roomPersonCount",roomNum); return JSONUtil.toJsonStr(map); } // 弹幕消息 public static String BARRAGE_MSG to,User user,String msg){ Map<String,Object> map = new HashMap<>(); map.put("type","BARRAGE

    1.3K40编辑于 2022-12-27
  • 来自专栏壳屋栏博客专栏

    WordPress博客评论弹幕插件为博客增加了一丢丢的动态之感

    项目概况 本插件插件基于子凡博客开发的barrage v1.0优化而来(不支持前台开关)。 应为觉得原插件弹幕方式太霸屏,所以改良优化,以左下角方式弹幕。 弹幕(barrage),中文流行词语,原意指用大量或少量火炮提供密集炮击。大量以字幕弹(tán)出形式显示的评论同时出现的现象也被称为弹幕。

    92320编辑于 2022-06-17
  • 来自专栏前端javascript

    三行情书的滚动字幕

    /barrage.js"></script> <script src=". padding: 3px 10px; border: none; border-radius: 5px; background: rgb(90, 154, 214); } js class <em>Barrage</em> roll); } } roll(50 * +Math.random().toFixed(2)); } } (function() { let barage = new <em>Barrage</em>

    52710编辑于 2023-11-16
  • 用CodeBuddy 喝鸡汤,天天正能量!

    white; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); z-index: 2; opacity: 0; animation: barrage 20s ease-out infinite; /* Slow, smooth horizontal barrage animation */ } /* 动画:横屏缓慢飘过(弹幕效果) */ @keyframes barrage { 0% { opacity: 0; transform: translateX(100vw); /* Start from the far

    21410编辑于 2025-07-04
  • 来自专栏开心鸭数据分析

    数据分析师哪里找数据?

    http://www.iresearch.tv/research/anchor/data/barrage 淘榜单 覆盖淘宝站内三大类型:微淘、直播、短视频,涉及9大领域,榜单每周实时更新。 http://www.iresearch.tv/research/anchor/data/barrage B站官方榜单 全站榜、原创榜、新番榜、影视榜、新人榜五大榜单,12大类别分类,日榜、周榜、月榜实时更新 http://www.iresearch.tv/research/anchor/data/barrage 中国娱乐指数 中国娱乐明星商业价值及粉丝活跃度查询 http://m.chinaindex.net 提供30+直播平台榜单,数据每周更新,拥有详细的直播类别分类 http://www.iresearch.tv/research/anchor/data/barrage 卡思数据 视频内容多平台热度查询

    6K32发布于 2020-10-26
  • 领券