上一节我们讲到系统概括,这一节我们详细讲解一下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结构如下
项目分为6大模块
1 根模块下面放着 启动项 目的入口程序,装配bean
2 websocket 通讯模块,包含发送视频图片 弹幕的代码
3 config模块放着启动项目时各种监听器,配置装载
4 常用常量 –
5常用controller模块
6爬虫模块
项目静态配置文件
采用spring-data-jpa 框架,自动建表, dao 声明接口自动帮我们生成方法。
前端播放m3u8视频
obs的使用
到这里现在下载obs,然后进行设置,步骤如下图
步骤一:
步骤二:
步骤三:
现在你已经成功的推流成功,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的使用很重要的一点,需要解决视频跨域问题。也就是视频播放路径和我们的项目在同一域名端口下。