java web 弹幕技术实现

最新推荐文章于 2024-05-14 09:50:03 发布
最新推荐文章于 2024-05-14 09:50:03 发布
阅读量1.5w 收藏 22
点赞数 10
分类专栏： Java 文章标签： java web websocket java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jekxi/article/details/49968213
版权

先放入效果图

实现环节

1-前端实现将把信息发送到后台和接收后台发送过来的信息并且将其发射弹幕到浏览器上

2-通过websocket与每个服务端连接，当接收到来自任何一个前端发来的信息，就将该信息群发至所有的客户端(也就是浏览器)



客户端(浏览器)的代码如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="Keywords" content="danmu">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>弹幕网站</title>
<style type="text/css">
body {
background: url(images/01.jpg); no-repeat top center;
font-size: 12px;
font-family: "微软雅黑";
}


* {
margin: 0;
padding: 0;
}
/* screen start*/
.screen {
width: 300px;
height: 100px;
background: #669900;
}


.dm {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: none;
}


.dm .d_screen .d_del {
width: 38px;
height: 38px;
background: #600;
display: block;
text-align: center;
line-height: 38px;
text-decoration: none;
font-size: 20px;
color: #fff;
border-radius: 19px;
border: 1px solid #fff;
z-index: 2;
position: absolute;
right: 20px;
top: 20px;
outline: none;
}


.dm .d_screen .d_del:hover {
background: #F00;
}


.dm .d_screen .d_mask {
width: 100%;
height: 100%;
background: #000;
position: absolute;
top: 0;
left: 0;
opacity: 0.6;
filter: alpha(opacity = 60);
z-index: 1;
}


.dm .d_screen .d_show {
position: relative;
z-index: 2;
}


.dm .d_screen .d_show div {<

最低0.47元/天 解锁文章
Yuan-w
关注
  • 10
    点赞
  • 踩
  • 22
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
JS逆向案例-web某音弹幕protobuf逆向解析
十一姐的博客
02-27 3205
目录一、案例分析二、案例解析 一、案例分析 如图弹幕信息，弹幕信息是protobuf序列化后的数据 响应头也有明显特征：content-type: application/protobuffer 二、案例解析 关于protobuf案例的更详细介绍看这篇文章 这里直接安装pip install blackboxprotobuf，先用fiddler抓包，然后选择响应当中的十六进制字节黑色字体右击存为.bin文件，然后按如下脚本解析 如果是响应请求的话，就按如下脚本解析即可import reque
web前端入门到实战：js实现弹幕效果
软件开发-前端开发-IT
08-05 1410
弹幕是一个很常见的功能，下面是本人封装的一个小小的实现方案，存在不足之处可以提出来或自由改进。 直接上代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta content="width=device-width,initial-s...
前端案例--简易弹幕效果
macanfa的博客
05-19 3296
简易弹幕效果：将发布的内容随机显示在弹幕右侧，逐渐左移最后消失。 涉及知识点：val()、random()、height()、css()、append()、remove()等，主要是元素的操作
最新websocket+netty实时视频弹幕交互功能（Java版），成功入职头条月薪35K
2401_84584817的博客
05-14 399
关于面试刷题也是有方法可言的，建议最好是按照专题来进行，然后由基础到高级，由浅入深来，效果会更好。这份面试文档当然不止这些内容，实际上像JVM、设计模式、ZK、MQ、数据结构等其他部分的面试内容均有涉及，因为文章篇幅，就不全部在这里阐述了。/*** +/|/*/// 用于记录和管理所有客户端的channel@Override// 获取客户端传输过来的消息System.err.println(“收到消息：”+ content);
Web大作业（8）弹幕功能的实现
spring__festival的博客
06-30 695
创建一个html，在body部分写入： <h1></h1> <div id="container"> <div id="content"> <canvas id="canvas" ></canvas> <video width="640px" height="360px" src="0001.mp4" controls id="video"></v
WEB 视频开发系列——千万级流量弹幕
杏仁技术站
08-20 677
作者 | 翁鹏42弾幕（だんまく/danmaku）、barrage 是显示在影片上的评论，大量吐槽评论从屏幕飘过时效果看上去像是飞行射击游戏里的弹幕。弹幕视频系统源自日本弹幕视频分享网...
Java视频弹幕(ssh)
07-31
【Java视频弹幕系统】是基于SSH（Struts2、Spring、Hibernate）三大框架构建的，主要用于实现在线视频播放时的实时评论互动功能。SSH框架是Java Web开发中常用的一套开源框架组合，它们分别负责不同的职责：Struts2...
弹幕实现方式
03-26
本项目标题为"弹幕实现方式"，描述中提到使用了SpringBoot和Maven进行构建。下面将详细介绍这个项目可能涉及的关键技术点。 首先，SpringBoot是Java开发的一个流行框架，它简化了创建独立的、生产级别的基于Spring...
JAVA监听斗鱼直播间弹幕
05-05
在本文中，我们将深入探讨如何使用Java编程语言来监听斗鱼直播间的弹幕信息。斗鱼是中国一个流行的在线游戏直播平台，它允许观众通过发送弹幕与其他观众和主播互动。要实现这一功能，我们需要理解Java网络编程、JSON...
diting_java.zip_在线视频 java_网络编程WEB设计_视频 弹幕
09-24
本项目"在线视频 - Java_网络编程WEB设计_视频_弹幕"显然是基于这些API构建的。 首先，`Socket`类是Java网络编程的核心，它代表了两台机器间的通信链路。通过创建ServerSocket，服务器可以监听特定端口上的连接请求...
JQuery和HTML5 Canvas实现弹幕效果
10-20
主要介绍了JQuery和HTML5 Canvas两种方法实现弹幕效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
jsp视频弹幕实现，（websocket）
10-10
类似于哔哩哔哩的视频弹幕滚动播放，jsp编写
弹幕视频网站 java源代码毕业设计毕业论文
最新发布
06-18
【标题】"弹幕视频网站 java源代码毕业设计毕业论文" 涉及的主要知识点是使用Java编程语言进行Web开发，特别是构建一个弹幕视频网站的实现。在毕业设计和毕业论文中，这样的项目通常会涵盖多个核心领域，包括前端...
web前端培训分享：使用Dplayer实现Vue3中的视频及弹幕播放
热门推荐
xiaoxijinger的博客
10-25 2万+
Dplayer是一款上手简单，功能强大的HTML5视频播放器，我们可以使用它，快速在普通HTML、Vue、React中实现视频播放的功能需求。Dplayer同时也提供了目前各大视频站都在使用的弹幕功能，让我们的视频功能更加丰富有趣。下面小千分享如何使用Dplayer在Vue3中实现视频播放及弹幕功能。 一、安装 使用npm npm i dplayer -S 使用yarn yarn add dplayer 二、在Vue3组件中，准备一个ref容器 < div ref=“videoRef” class=“
使用小程序+网页简易实现多客户端实时弹幕
商务合作 / 项目定制 / 学习交流。个人vx：lovely_wml
01-24 2852
此文主要通过小程序+网页模拟多客户端通过轮询、WebSockets、订阅推送等方式简易实现实时弹幕。
74 java_web中弹窗是怎么实现的
qq_39792342的博客
12-28 1503
这是现在积累到的，以后还是要慢慢的积累和总结： 1 如果仅仅是提示功能的单个按钮的弹窗的功能，我们可以用 if （通过调用域对象中的函数做相应的判断 ）然后是根据我们想要的提示信息来作为相应的选择（一半用alert（“相应的提示信息”））； 2 如果是想要有两个提示按钮的话，要if（条件语句中有相应的判断用confirm做判断）并且这里的话，我们会有两个按钮； ...
Java 实现视频弹幕功能
独行侠梦的博客
11-16 3973
2021年了，还有不支持弹幕的视频网站吗，现在各种弹幕玩法层出不穷，抽奖，ppt都上弹幕玩法了，不整个弹幕都说不过去了，今天笔者就抽空做了一个实时视频弹幕交互功能的实现，不得不说这样的形式...
第三章 打造高性能的视频弹幕系统
JavaAlenboy
07-07 3341
工具类 业务类 多例模式下引发的Bean注入为null的问题 在多例模式下是不会自动进行加载的，所以这里我们不能使用进行注入； 而我们的启动类生成的ApplicationContext，是可以通过getBean( )方法获取到Spring容器中所有Bean的； 弹幕系统实现 数据库表设计及相关实体类设计 推送弹幕性能优化 弹幕消息异步存储优化 优化一 DanmuService.java WebSocketService.java WebSocketServi
java实现弹幕代码
05-27
以下是使用 Java 实现弹幕的基本步骤： 1. 定义弹幕类（Danmu），包含弹幕的文本内容、颜色、字体大小、位置、速度等属性。 2. 创建弹幕池（DanmuPool），用于存储弹幕对象。 3. 从弹幕池中获取弹幕对象，并设置弹幕的属性。 4. 将弹幕对象添加到弹幕面板（DanmuPanel）中。 5. 启动弹幕线程（DanmuThread），不断地从弹幕池中获取弹幕对象，将其移动并绘制到弹幕面板上。 以下是一个简单的 Java 弹幕代码示例： ```java import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.util.ArrayList; import java.util.List; import java.util.Random; import javax.swing.JFrame; import javax.swing.JPanel; public class Danmu extends JPanel { private static final long serialVersionUID = 1L; private String text; private Color color; private Font font; private int x; private int y; private int speed; public Danmu(String text, int x, int y) { this.text = text; this.color = new Color(new Random().nextInt(256), new Random().nextInt(256), new Random().nextInt(256)); this.font = new Font("微软雅黑", Font.BOLD, 16); this.x = x; this.y = y; this.speed = 5; } public void move() { x -= speed; } public void draw(Graphics g) { g.setColor(color); g.setFont(font); g.drawString(text, x, y); } public boolean isOutOfPanel() { return x < -text.length() * font.getSize(); } public static class DanmuPool { private List<Danmu> danmus; public DanmuPool() { danmus = new ArrayList<>(); } public void addDanmu(Danmu danmu) { danmus.add(danmu); } public Danmu getDanmu() { for (Danmu danmu : danmus) { if (danmu.isOutOfPanel()) { return danmu; } } Danmu danmu = new Danmu("", 0, 0); danmus.add(danmu); return danmu; } public List<Danmu> getDanmus() { return danmus; } } public static class DanmuThread extends Thread { private DanmuPool pool; private DanmuPanel panel; public DanmuThread(DanmuPool pool, DanmuPanel panel) { this.pool = pool; this.panel = panel; } public void run() { while (true) { Danmu danmu = pool.getDanmu(); danmu.move(); panel.repaint(); try { Thread.sleep(20); } catch (InterruptedException e) { e.printStackTrace(); } } } } public static class DanmuPanel extends JPanel { private static final long serialVersionUID = 1L; private DanmuPool pool; public DanmuPanel(DanmuPool pool) { this.pool = pool; } public void paint(Graphics g) { super.paint(g); for (Danmu danmu : pool.getDanmus()) { danmu.draw(g); } } } public static void main(String[] args) { JFrame frame = new JFrame(); frame.setSize(800, 600); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); DanmuPool pool = new DanmuPool(); DanmuPanel panel = new DanmuPanel(pool); frame.add(panel); frame.setVisible(true); DanmuThread thread = new DanmuThread(pool, panel); thread.start(); } } ``` 在上面的示例中，我们定义了 Danmu 类，用于表示弹幕对象。Danmu 类包含了弹幕的文本内容、颜色、字体大小、位置、速度等属性，以及移动和绘制弹幕的方法。同时，我们还定义了 DanmuPool 类，用于存储弹幕对象。DanmuThread 类是弹幕线程，不断地从弹幕池中获取弹幕对象，将其移动并绘制到弹幕面板上。DanmuPanel 类是弹幕面板，用于显示弹幕。 在 main 方法中，我们创建了一个 JFrame 窗口，并将一个 DanmuPanel 对象添加到窗口中。然后创建了一个 DanmuThread 线程，启动弹幕线程。这样就可以实现一个简单的 Java 弹幕效果了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值