1. 程式人生 > >快速搭建自己的直播伺服器,完成屬於你的直播服務。

快速搭建自己的直播伺服器,完成屬於你的直播服務。

通過本文您能學到以下內容:

1 、動手搭建直播伺服器,完成一次對移動端支援的直播。
2、使用OBS推流。
3、使用html5網頁播放m3u8流媒體檔案。

一、動手搭建流媒體伺服器

這裡我們選用開源srs流媒體伺服器[https://github.com/ossrs/srs],有興趣的同學也可選用[Adobe Media Server 5],原理都是一樣的。

安裝方法在[https://github.com/ossrs/srs]有詳細的說明,但是考慮到我用的mac電腦,有些細節需要注意,所以下面介紹下安裝方法。

第一步:在本地任意目錄下分別執行以下命令:

git clone https://github.com/ossrs/srs
vi srs/trunk/conf/srs.conf
修改max_connections    1000;為max_connections     100;
注意:若不修改此值後面編譯中會報錯
cd srs/trunk
./configure --osx
注意:在mac 系統中./configure 時需要新增  --osx
make

等待安裝完畢即可。

第二步:修改配置檔案,啟動流媒體伺服器:

修改配置:

vi srs/trunk/conf/hls.conf
修改hls_path的路徑,預設路徑為./objs/nginx/html,這裡修改為/Users/wangjie/fileUploadDir 。

說明:因為本機沒有搭建nginx,apache,所以直接放在的tomcat的虛擬目錄下,但建議使用nginx或apache。

hls_path的作用:直播中會將m3u8檔案和ts檔案輸出hls_path,有了m3u8檔案就可以在啟動端播放了。

m3u8播放地址為:http://192.168.1.115:8088/upload/live/livestream.m3u8,192.168.1.115為本機ip,8088為tomcat伺服器埠,upload為tomcat虛擬路徑,需要一一替換為自己的web伺服器訪問路徑。

囉嗦一句:對於web伺服器而言livestream.m3u8只是一個檔案,我們將hls_path設定到web伺服器能夠訪問到即可。
啟動srs伺服器

./objs/srs -c conf/hls.conf

二、使用OBS串流

1、新建場景,可以建立視訊捕獲或者視窗捕獲,這裡使用視窗捕獲


2、在串流中配置自定義流媒體伺服器,url為:rtmp://127.0.0.1:1935/live,流金鑰為:livestream


3、點選開始串流即可完成串流


4、這時候就會在上面我們配置的hls_path中生成ts和m3u8檔案

三、觀看直播

2、電腦端播放方法:使用flash播放或支援rtmp的客戶端播放器都可以。

3、移動端播放方法:
新建html5頁面,手機端訪問此網頁即可播放

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
 </head>
 <body>
 <video src="http://192.168.1.115:8088/upload/live/livestream.m3u8" controls="controls" width="400" height="300"></video>
 </body>
 </html>

結束語:搭建這樣一個直播伺服器,完成一次直播是很簡單的,主要在於配置,理解其中的原理。如有任何問題,歡迎留言,或掃下方公眾號二維碼關注我,隨時交流。