您的位置 首页 java

小型直播系统-java实现(三)

上一节我们讲到系统概括,这一节我们详细讲解一下spring-boot jpa的使用:

如今,随着 微服务 框架的发展,出现了诸如 dubbo 的开源微服务框架, springcloud 相比更容易上手,spring-boot作为微服务的入门框架,有着十分重要的地位。

package com.dingjianlei.springboot;import org.springframework.boot.SpringApplication;import org.springframework.boot.autoconfigure.SpringBootApplication;import org.springframework.scheduling.annotation.EnableScheduling;/**
*
* @author dingjianlei
*
*/@SpringBootApplication@EnableSchedulingpublic class LeChatTvApplication {
 public static void main(String[] args) {
 SpringApplication.run(LeChatTvApplication.class, args);
 }
} 

如上图,就已经生成了一个spring-boot的应用,它自带容器运行,便捷开发,开箱操作,省去了spring的大把配置文件,让你 编码 走路带风,用它编码就感觉走路轻飘飘,再也不用理会烦人的xml配置了

本项目的spirng-boot结构如下

小型直播系统-java实现(三)

项目分为6大模块

1 根模块下面放着 启动项 目的入口程序,装配bean

2 websocket 通讯模块,包含发送视频图片 弹幕的代码

小型直播系统-java实现(三)

3 config模块放着启动项目时各种监听器,配置装载

小型直播系统-java实现(三)

4 常用常量 –

小型直播系统-java实现(三)

5常用controller模块

6爬虫模块

项目静态配置文件

小型直播系统-java实现(三)

采用spring-data-jpa 框架,自动建表, dao 声明接口自动帮我们生成方法。

前端播放m3u8视频

obs的使用

到这里现在下载obs,然后进行设置,步骤如下图

步骤一:

小型直播系统-java实现(三)


步骤二:

小型直播系统-java实现(三)

步骤三:

现在你已经成功的推流成功,cd到你设置的目录下面,就可以看到后缀是.m3u8的视频了,下面开始拉流,介绍的是前端拉流用到的框架结构 vue-video-player + videojs-contrib-hls。如果你迫不及待,现在就可以用页面进行观看一波

<!DOCTYPE html>

<html>

<head>

<meta http-equiv=”content-type” content=”text/html; charset=utf-8″>

<title>HLS Player</title>

</head>

<body>

<video poster=”poster.png” height=”720″ width=”1280″ controls>

<source src=”” type=”application/vnd.apple.mpegurl” />

<p class=”warning”>

Your browser does not support HTML5 video

.</p>

</video>

</body>

</html>

但是很遗憾,只有 苹果手机 的Safari浏览器支持,安卓手机的没测试。所以需要寻找m3u8播放器

隆重介绍 vue-video-player + videojs-contrib-hls播放器

前端拉流采用的是 vue-video-player + videojs-contrib-hls,

github 地址是,

video.js是一个开源的视频播放器,开始我使用的是一个cdplayer,

同样支持m3u8的播放,这里可能有人有疑问,为什么不用h5直接播放呢?因为苹果手机天生支持m3u8格式的播放,

但是pc很遗憾并不支持,所以需要我们自己编写播放规则可以百度一下 vue-video-player + videojs-contrib-hls的使用很重要的一点,需要解决视频跨域问题。也就是视频播放路径和我们的项目在同一域名端口下。

文章来源:智云一二三科技

文章标题:小型直播系统-java实现(三)

文章地址:https://www.zhihuclub.com/176165.shtml

关于作者: 智云科技

热门文章

网站地图