uniapp+nginx+rtmp开发直播app(1)

uniapp+nginx+rtmp开发直播app(1)

文章目录

• uniapp+nginx+rtmp开发直播app(1)
• 前言
• 一、准备工作
• • • 1. 服务器环境搭建： Ubuntu + nginx + rtmp
    • 2. 开发环境： nodejs + vue
    • 3.软件： hbuilderx，obs ， vlc
• 二、服务器环境搭建
• • • 1.搭建nginx
    • 2.配置rtmp流媒体服务
    • 3.推流
    • 4.拉流
• 总结

---

前言

---

有事没事时候刷刷抖音、快手，撸上几个短视频估计是现在很多人的常态了，人多就有商机啊，于是就出现了各种直播，同样是电商，直播带货可以看到实物，看上去至少比给你一推图片更直观。关键还有真人讲解啊。最近刚好接手了一个用uniapp开发直播app的任务，记录下从0开始到app发布全过程

一、准备工作

1. 服务器环境搭建： Ubuntu + nginx + rtmp

2. 开发环境： nodejs + vue

3.软件： hbuilderx，obs ， vlc

二、服务器环境搭建

1.搭建nginx

ubuntu搭建nginx还是比较方便的，我是直接用的install，当然了喜欢自定义的大佬可能自己骚操作一把，weget一下包，解压，自定义目录，配置server，，，。

安静等待几秒钟自动安装完成启动

查看下ng进程状态

到此说明ng已经启动了，可以浏览器访问下试试 ip:port

3.如果服务器上开启了ufw，还要看下ng端口是否放行，否则还是访问不了

2.配置rtmp流媒体服务

ng配置完成后，接下来将rtmp添加到ng上作为流媒体服务

直接执行命令添加rtmp模块

安装完成打开，可以录屏、可以推流，界面还是很有逼格的

到此推流已经完成

4.拉流

读取媒体流的软件有很多，我这里是手机上下载了一个VLC来测试拉流

大功告成！！

---

总结

到此流媒体服务搭建完成，前期环境准备基本完成，接下来正式进入开发
uniapp+nginx+rtmp开发直播app(2)

文章知识点与官方知识档案匹配，可进一步学习相关知识云原生入门技能树首页概览8582 人正在系统学习中

来源：烟雨の落浮生