前言
这是忙完毕设所有材料之后有空写的第一篇博客,我做的是一个带有直播功能的视频网站。现在做流媒体网站肯定是要和弹幕挂钩才能凸显逼格。作为一名不太合格的非二次元开发者,DPlayer的作者确实是吾辈所敬仰的对象。放一张毕设的效果图。
因为我毕设使用的是springcloud,单体应用使用springboot,而我需要生成每个视频的弹幕词云图(如下图),所以我需要写个后台接收弹幕数据存到数据库。
弹幕接口Demo
我在网上找了好久都没发现用Java写DPlayer弹幕后台接口的,作者用Node.js写的后台也很不错可以当做接口接入系统,但是因为我弹幕数据还需要稍加处理,所以就自己看着作者Node.js的弹幕后台源码手撸了个简洁Java版的后台,然后再从毕设中分离出来写了个小demo就当是复习一哈。
项目结构
pom文件
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>com.zp</groupId>
<artifactId>springboot</artifactId>
<version>0.0.1-SNAPSHOT</version>
<packaging>jar</packaging>
<name>springboot-dplayer-demo</name>
<description>Demo project for Spring Boot And DPlayer</description>
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>2.1.6.RELEASE</version>
<relativePath/> <!-- lookup parent from repository -->
</parent>
<properties>
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
<project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
<java.version>1.8</java.version>
</properties>
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
</dependency>
</dependencies>
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build>
</project>
constant文件
package com.zp.constant;
import java.util.ArrayList;
import java.util.List;
/**
* @author ZP
* @date 2020/2/26.
*/
public class DPlayerConstants {
public static final int DPLAYER_SUCCESS_CODE = 0;
public static final String DPLAYER_BARRAGE_ID = "0";
public static final String DPLAYER_BARRAGE_AUTHOR = "DPlayer";
public static final String DPLAYER_BARRAGE_TIME = "0";
public static final String DPLAYER_BARRAGE_TEXT = "";
public static final String DPLAYER_BARRAGE_COLOR = "16777215";
public static final String DPLAYER_BARRAGE_TYPE = "0";
public static final List barrage_init(List data){
data = new ArrayList();
data.add(DPLAYER_BARRAGE_TIME);
data.add(DPLAYER_BARRAGE_TYPE);
data.add(DPLAYER_BARRAGE_COLOR);
data.add(DPLAYER_BARRAGE_AUTHOR);
data.add(DPLAYER_BARRAGE_TEXT);
return data;
}
}
controller层
package com.zp.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
/**
* @author ZP
* @date 2020/6/11.
*/
@Controller
public class IndexController {
@RequestMapping(value = {"/","index","index.html"}, method = RequestMethod.GET)
public String index(){
return "index";
}
}
package com.zp.controller;
import com.zp.constant.DPlayerConstants;
import com.zp.util.MapperUtils;
import org.springframework.web.bind.annotation.*;
import javax.servlet.http.HttpServletRequest;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
/**
* @author ZP
* @date 2020/6/12.
*/
@RestController
@RequestMapping(value = "barrage")
public class BarrageController {
@ResponseBody
@RequestMapping(value = "v3", method = RequestMethod.GET)
public String getv3(@RequestParam String id) throws Exception {
System.out.println(id);
Map map = new HashMap();
List data = new ArrayList();
// data = DPlayerConstants.barrage_init(data);
map.put("code", DPlayerConstants.DPLAYER_SUCCESS_CODE);
map.put("data",data);
return MapperUtils.obj2json(map);
}
@ResponseBody
@RequestMapping(value = "v3", method = RequestMethod.POST)
public String postv3(@RequestBody Map<String,String> param,HttpServletRequest request) throws Exception {
Map map = new HashMap();
System.out.println(param);
map.put("code",DPlayerConstants.DPLAYER_SUCCESS_CODE);
map.put("data",param);
return MapperUtils.obj2json(map);
}
}
启动文件
package com.zp;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
/**
* @author ZP
* @date 2020/6/11.
*/
@SpringBootApplication
public class SpringBootDplayer {
public static void main(String[] args) {
SpringApplication.run(SpringBootDplayer.class);
}
}
配置yml文件
spring:
thymeleaf:
cache: false # 开发时关闭缓存,不然没法看到实时页面
mode: HTML # 用非严格的 HTML
encoding: UTF-8
servlet:
content-type: text/html
server:
port: 9506
templates下的index网页
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Hello DPlayer</title>
<link rel="stylesheet" href="/dplayer/DPlayer.min.css">
<script src="https://www.jq22.com/jquery/jquery-3.3.1.js"></script>
</head>
<body>
<div style="width: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);">
<div id="dplayer"></div>
</div>
<script src="/dplayer/DPlayer.min.js"></script>
<script>
const videoId = 'zv16003002' //填写视频ID
const userId = 1 //填写用户ID
const dp = new DPlayer({
container: document.getElementById('dplayer'),
screenshot: true,
video: {
url: 'https://api.dogecloud.com/player/get.mp4?vcode=5ac682e6f8231991&userId=17&ext=.mp4'
},
danmaku: {
id: videoId,
user: userId,
api: 'http://localhost:9506/barrage/', //这里填写弹幕地址 liveweb
addition: ['https://s-sh-17-dplayercdn.oss.dogecdn.com/1678963.json']
}
});
</script>
</body>
</html>
其他文件
MapperUtils
文件作用主要是把Map转成json对象,这种工具类烂大街这里就不贴了,DPlayer的文件自己导入。
效果
发送弹幕哈哈哈
,后台获取到发送的弹幕。
这是就能对用户发送的弹幕进行处理了(比如存到数据库中)。