小型直播系统系列-乐聊TV的开发（三）
小型直播系統系列-樂聊TV的開發（三）
上一節我們講到系統概括，這一節我們詳細講解一下spring-boot jpa的使用：
spring-boot的使用
如今，隨著微服務框架的發展，出現了諸如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 @EnableScheduling public class LeChatTvApplication {public static void main(String[] args) {SpringApplication.run(LeChatTvApplication.class, args);} }如上圖，就已經生成了一個spring-boot的應用，它自帶容器運行，便捷開發，開箱操作，省去了spring的大把配置文件，讓你編碼走路帶風，用它編碼就感覺走路輕飄飄，再也不用理會煩人的xml配置了
本項目的spirng-boot結構如下
項目分為6大模塊
1
根模塊下面放著啟動項目的入口程序，裝配bean
2
3
config模塊放著啟動項目時各種監聽器，配置裝載，4
常用常量5
常用controller模塊
6
爬蟲模塊
項目靜態配置文件
采用spring-data-jpa 框架，自動建表，dao聲明接口自動幫我們生成方法。
前端播放m3u8視頻
當我們成功安裝好了rtmp模塊之后，就可以用作為直播服務器，那么直播的來源哪里來呢？這里用到一個推流播放器 obs。
obs的使用
http://soft.qazwaxs.com/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="http://192.168.90.26:8080/hls/mystream.m3u8" type="application/vnd.apple.mpegurl" /> <p class="warning">Your browser does not support HTML5 video.</p> </video> </body> </html>但是很遺憾，只有蘋果手機的Safari瀏覽器支持，安卓手機的沒測試。
vue-video-player + videojs-contrib-hls
前端拉流采用的是 vue-video-player + videojs-contrib-hls，github地址是https://github.com/videojs/videojs-contrib-hls，video.js是一個開源的視頻播放器，開始我使用的是一個cdplayer，同樣支持m3u8的播放，這里可能有人有疑問，為什么不用h5直接播放呢？
因為蘋果手機天生支持m3u8格式的播放，但是pc很遺憾并不支持，所以需要我們自己編寫播放規則
可以百度一下 vue-video-player + videojs-contrib-hls的使用
很重要的一點，需要解決視頻跨域問題。也就是視頻播放路徑和我們的項目在同一域名端口下。
總結
以上是生活随笔為你收集整理的小型直播系统系列-乐聊TV的开发（三）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 图像处理及算法
- 下一篇： 小型直播系统系列-乐聊TV的开发（一）