纯
JS实现基本
弹幕效果实现步骤：第一种：1. html结构：<div class="boxDom" id="boxDom">
<div class="idDom" id="idDom">
<div class="content">
<p class="title">
弹幕:</p>
<
转载
2023-08-10 22:00:05
133阅读
纯属无聊写的，可能有很多问题，欢迎批评指教。 效果图：图一是预设的一些弹幕，图二是自己发射的弹幕，效果是一样的。demo地址 首先是弹幕的位置，是要从最右滑到最左，为了防止随机高度弹幕会覆盖的问题，设置了通道。每一个通道是从左到右的一条，高度固定，这样不同通道的弹幕不会相互覆盖。 弹幕滑动就是简单设置CSS属性 transition&
转载
2023-06-06 11:10:57
248阅读
弹幕时近几年新兴的一种技术，接下来我要展示的就是怎么实现类似弹幕的效果。先贴下效果图：说是效果，要拿出去用肯定是不行的。先说一下是怎么样的实现方法。弹幕肯定是出现在屏幕上，所以我们暂时把出现弹幕的窗口称为背景。弹幕肯定尽量不能重叠在一起，所以我把整个弹幕出现的背景划分为几块，如下图： 12345什么意思呢？就是这里有5条弹道，弹幕就是出现在这5条弹道之间的一条。具体划多少条弹道，每条弹道的宽度要看
转载
2023-12-14 11:03:15
142阅读
最终效果：<!DOCTYPE html><html lang="zh-CN"><head> <meta http-equiv="C
转载
2023-01-03 15:02:06
116阅读
WebSocket服务运行在ws://danmu.xxx.com，每个直播间由一个唯一的房间ID标识，用户加入直播间后可以接收到所有其他用户发送的弹幕消息。以
原创
2024-02-27 11:26:50
1311阅读
导读：弹幕的出现增加了视频观看者的深度参与感，弹幕也逐渐成为国内各大视频网站最基本的评论交互形式，本文将通过网易易盾在弹幕实现原理及交互方式方面的实践，具体介绍弹幕相较于传统聊天室的区别与实践经验，希望能为大家在弹幕系统设计方面带来一些借鉴。引言在 2022 年的今天，弹幕在国内的各大视频网站已经成为了一个最基本的评论交互形式，它为视频社交增添了很大的活力，然而这也给视频内容的审核工作带来了巨大挑
转载
2023-07-16 11:37:05
0阅读
0x00 : 前言近期因为工作原因着手分析某音协议,在做到直播间这步的时候通过抓包发现其直播间内弹幕数据为protobuf协议,之前用xposed做wx的时候虽然接触过,但在下从来都是只要结果的人,直接调用wx内部函数转成对象即可,谁理你什么格式,但现在做的既然是协议,那自然是无端可用,什么东西都要自己处理,这里分享一下记录的分析流程.0x01 : 准备工作在开始分析之前需要准备好:1.proto
转载
2024-03-11 11:11:46
73阅读
背景为了创造更好的多媒体体验，许多视频网站都添加了社交机制，使用户可以在媒体时间轴上的特定点发布评论和查看其他人的评论，其中一种机制被称为弹幕（dàn mù），在日语中也称为コメント（comment）或者弾幕（danmaku），在播放过程中，可能会出现大量评论和注释，并且直接渲染在视频上。弹幕最初是由日本视频网站Niconico（ニコニコ）引入的。在中国，除了在Bilibili和AcFun等弹幕视
转载
2023-07-16 11:39:35
437阅读
项目中涉及到弹幕功能，所以研究了一下平常直播中弹幕功能的实现，弹幕的UI是一个现成的UI类，不喜欢可自行编写，写好的架子放在底下链接中，先说一下UI的使用：//弹幕view类
#import"BulletView.h"
#import"BulletManager.h"
#import "BulletBackgroudView.h" 引用到这几个类后可直接调用里面的方
转载
2024-01-20 12:14:26
41阅读
Android开发类似直播APP的弹幕和悬浮窗播放功能闲来无事，最近自己查网上资料开发可以发送弹幕和悬浮窗播放功能的APP，写的不好，轻喷。一、弹幕功能主要使用哔哩哔哩的弹幕库进行开发的，可以发送自己输入的弹幕文字，还做了弹幕是否显示的开关。上代码：package com.barrage.barragetest.activity;
import android.app.Activity;
imp
转载
2023-08-17 23:01:18
81阅读
最近，读完今年的第三本书《大话移动APP测试 Android与iOS》，在读到陈晔前辈改变中国测试行业的决心时，内心无比激动，作为一名初生的开发人员，我可能还无法理解测试行业的本质，但他那份通过分享改变现状的决心我深感共鸣。在此为每一位愿分享愿奉献的朋友点个赞！弹幕，国内流行于视频网站A站和B站。网上关于弹幕的实现方法有很多，目前Android平台已经有比较成熟的解决方案DanmakuFlameM
转载
2023-06-25 11:26:57
159阅读
随着B站逐渐崛起，其开源弹幕项目DanmakuFlameMaster应用场景也越来越多。我也是在一次偶然机会下发现了这个项目，被其惊艳的效果震撼。以前我就对弹幕技术很感兴趣，可能是因为B站动漫看多，几乎每一部番都是漫天的弹幕乱飞，如果哪部剧没有弹幕反而觉得不适应；久而久之就愈发倾向钻研其原理。 看到效果后，我猜想绘制原理应该是创建一个定时器作为全
转载
2024-06-08 19:29:07
89阅读
制作分数和生命的UI：由于我们前面没有做类似的UI所以这里教大伙一下基本思路：首先我们创建一个canvas用来创建两个Text用来显示分数和生命的UI蓝色的是分数黄色的是生命我们创建一个scoreplay的脚本挂载在text上using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using Un
转载
2024-03-08 11:26:30
139阅读
前言在开发弹幕之前我也搜索了很多文章来借鉴，但由于太多布局都不是自己想要的，而且相关引入也无法使用，在最后决定开发自定义弹幕。在网上搜索了大量的自定义布局，B站的弹幕也有很多大佬扒出来使用，到最后我在种种因素下开发出来简陋的自定义弹幕。能满足相关需求。一.弹幕实体类一般来说弹幕会有头像，昵称，评论内容，点赞数组成，当然有的设计会没有昵称而是显示定位内容。因此我们需要一个相关的数据类去存储弹幕的数据
转载
2023-09-27 06:37:46
129阅读
文章目录效果预览物体移动弹幕发射子弹预制件倒计时场景切换手动换关自动进入下一关退出游戏音乐播放全局音乐音乐名的存放音乐控制/播放器音乐管理器创建音乐管理器实例按照路线走的发射弹幕机会追踪的弹幕发射机导出游戏导出报错解决 学校老师给了个主题是Ten Seconds，所以就写了一个弹幕游戏。 主题就是生存十秒，第一次写了一个完整的小游戏，之前的游戏都没有封面UI什么的，基本只实现了逻辑。 效果预
转载
2023-11-21 21:17:17
253阅读
需求：实现一个弹幕容器，里面同时会有多行互不重叠的、运动中的弹幕 。每一条弹幕均需要支持点击事件。用脚底板想的方法：在弹幕容器里面创建几个 UIButton，并且 addTarget，增加点击事件。最后利用 UIView 的 block API 实现动画。结果：嗯...可惜的是，代码运行起来，你会发现在 UIButton 运动过程，点击事件并没有响应，而且非常奇怪的是：为什么在 UIButton
转载
2024-08-23 22:47:20
155阅读
前言在项目实践中应该有很多场景会用到弹幕，那么如何实现一个完美版本的弹幕呢？接下来我们原理加代码带你实现一个完整的弹幕组件(react版本)无限循环的水平弹幕实现原理针对实现原理，这里我画了一张原理图，大家可以看一下： 水平弹幕的实现有两种情况：1、当弹幕的个数加起来的宽度不足以覆盖屏幕的可视化区域2、当弹幕的个数加起来的宽度超过屏幕的可视化区域针对以上两种情况我们有不同的展示效果，如下链接的展
转载
2023-09-24 05:56:59
84阅读
小程序刚刚出来，现在网上的demo是多，但是要找到一个自己需要的却不容易。今天跟大家分享自己写的一个弹幕功能。 先来一张效果图： 我的思路是这样的，先用<switch>标签确定是否打开弹幕，若打开弹幕则出现弹幕文本框和发射按钮，还有弹幕遮罩层。先贴wxml和wxss代码。 wxml代码如下：<!-- pages/index/index.wxml --
转载
2023-09-18 10:07:16
63阅读
学Android也有一个多月了，发现弹幕效果很好玩。自己在网上看了一些别人的例子，然后自己动手写了一个，下面写出来分享一下我整个实现的思路。 实现的效果： 实现的思路：1、自定义一个TextView，用来显示弹幕。 2、这个TextView可以从右到左移动。 3、弹幕文字颜色随机。 4、弹幕显示的高度（y轴坐标）随机，显示的区域在屏幕的范围内。 5、（可选）如果显示的弹幕数量不足X时候，
转载
2023-08-02 17:18:17
719阅读
最近新需求有一个热评列表需要做成轮流从屏幕底部向上弹出的动画效果，看了效果图第一时间就想到了弹幕实现，但是思考一番后又否定了这个想法，首先这个热评列表不像弹幕需要实时获取播放，第二屏幕上展示的评论条数有限，固定最多就几条，再有新的弹出就把最上面一条消失掉，不想弹幕似的满屏都是，第三就是我看了B站的开源弹幕库，并不支持竖向的弹幕播放，如果要通过弹幕的方式实现这个需求的话，还需要自己对这个
转载
2023-06-29 21:42:01
144阅读
