HTML5實現視頻直播功能思路詳解_html5教程技巧_腳本之家 https://m.jb51.net/html5/587215.htmlhtml
3、直播總體流程 html5
直播總體流程大體可分爲:nginx
視頻採集端:能夠是電腦上的音視頻輸入設備、或手機端的攝像頭、或麥克風,目前以移動端手機視頻爲主。 瀏覽器
直播流視頻服務端:一臺Nginx服務器,採集視頻錄製端傳輸的視頻流(H264/ACC編碼),由服務器端進行解析編碼,推送RTMP/HLS格式視頻流至視頻播放端。 服務器
視頻播放端:能夠是電腦上的播放器(QuickTime Player、VLC),手機端的native播放器,還有就是 H5 的video標籤等,目前仍是以手機端的native播放器爲主。ide
5、搭建Nginx+Rtmp直播流服務ui
安裝nginx、nginx-rtmp-module編碼
① 先clone nginx項目到本地:.net
brew tap homebrew/nginx視頻
② 執行安裝nginx-rtmp-module
brew install nginx-full –with-rtmp-module
2. nginx.conf配置文件,配置RTMP、HLS
查找到nginx.conf配置文件(路徑/usr/local/etc/nginx/nginx.conf),配置RTMP、HLS。
① 在http節點以前添加 rtmp 的配置內容:
② 在http中添加 hls 的配置
3. 重啓nginx服務
重啓nginx服務,瀏覽器中輸入 http://localhost:8080,是否出現歡迎界面肯定nginx重啓成功。
nginx -s reload