HTML5实现视频直播功能思路详解_html5教程技巧_脚本之家 https://m.jb51.net/html5/587215.html

三、直播整体流程

直播整体流程大致可分为:

视频采集端:可以是电脑上的音视频输入设备、或手机端的摄像头、或麦克风,目前以移动端手机视频为主。

直播流视频服务端:一台Nginx服务器,采集视频录制端传输的视频流(H264/ACC编码),由服务器端进行解析编码,推送RTMP/HLS格式视频流至视频播放端。

视频播放端:可以是电脑上的播放器(QuickTime Player、VLC),手机端的native播放器,还有就是 H5 的video标签等,目前还是以手机端的native播放器为主。

五、搭建Nginx+Rtmp直播流服务

安装nginx、nginx-rtmp-module

① 先clone nginx项目到本地:

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

最新文章

  1. Android中如何使用命令行查看内嵌数据库SQLite3
  2. 去除字符串中的html标记及标记中的内容
  3. php7安装及配置
  4. == 与 equals
  5. BestCoder11(Div2) 1003 Boring count (hdu 5056) 解题报告
  6. 夺命雷公狗—angularjs—16—angularjs里面的缓存
  7. jQuery学习小结2——动画
  8. 安装boost1.57.0__注意之前mgiza似乎因为boost没有安装也没有完全编译成功
  9. (七)CSS定位(Positioning)
  10. VC的话有必要认真听,但却不用急着照办
  11. JSP的getRequestDispatcher()与sendRedirect()的区别
  12. Robot Framework学习笔记(一)------环境搭建
  13. Spring Security 登录校验 源码解析
  14. MySQL存储过程(PROCEDURE)(二)
  15. 补习系列(3)-springboot中的几种scope
  16. PostMan Test 的脚本scripts编写方法
  17. 搭建Tomcat应用服务器、tomcat虚拟主机及Tomcat多实例部署
  18. input text 只能输入数字
  19. “编程利器”:VSCode
  20. StringTie用法详解

热门文章

  1. Redis 实例排除步骤
  2. 基于maven的ssh框架一步一步搭建(一)
  3. 单元测试时使用Ninject的小问题
  4. Atitit.获取主板与bios序列号获取硬件设备信息  Wmi wmic 的作用
  5. 为什么 Objective-C 很难
  6. 跟着百度学PHP[14]-COOKIE的应用/网站登陆案例完整案例
  7. 猫猫学iOS 之微博项目实战(5)微博自己定义搜索框searchBar
  8. nginx php-fpm启用慢日志slowlog
  9. YARN机制
  10. MFC编程之创建Ribbon样式的应用程序框架