使用nginx-rtmp搭建直播服务器(OBS)

本文介绍了如何利用Docker部署nginx-rtmp服务器,并结合OBS进行推流,以及在Vue.js应用中实现直播拉流。通过安装docker,拉取nginx-rtmp镜像并启动,配置OBS的FMS和密码,最后在Vue项目中集成视频组件,完成直播功能。
摘要由CSDN通过智能技术生成

视频直播的流程可以分为如下几步:

采集 —>处理—>编码和封装—>推流到服务器—>服务器流分发—>播放器流播放

这里使用的传输协议是RTMP, 所以只要支持RTMP 流协议的播放器都可以使用,这里我们使用nginx,

推流用到的是OBS

拉流用的是vue实现

用到的资源

服务器
obs.exe
vue.js

下面上步骤
  1. 安装好docker后,下载nginx-rtmp镜像,并且运行服务映射端口到1945和8000

docker pull alfg/nginx-rtmp
docker run -it -p 1935:1935 -p 8000:80 --rm alfg/nginx-rtmp

  1. obs设置FMS和密码流(服务器IP)
    在这里插入图片描述
  2. 新建一个直播源
  3. 开始串流
  4. vue创建组件

#安装直播组件
cnpm install video.js
cnpm install aes-decrypter
cnpm install m3u8-parser
cnpm install mpd-parser
cnpm install mux.js
cnpm install url-toolkit
cnpm install videojs-contrib-hls

#新建一个vue

<template>
    <div
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值