1.背景
SRS是一个简单高效的实时视频服务器,支持RTMP/,等多种格式。工作用用到 SRS 服务,本文是我在学习过程中的学习笔记。
2.知识
要向开始搭建流媒体服务,基本分三个步骤:
启动流媒体服务(即SRS)
启动推流,即 流媒体视频,影音资料的来源
播放流媒体,即 用户端,通过 播放器或者 浏览器看视频。
由此理解到 “SRS 流媒体服务到底做了什么事?” 答:视频的输入 和分发。即一手接收视频流,一手分发视频流到 客户端。再由此引申出,视频的传输和解码。
3. 示例
3.1启动 SRS
docker run --rm--network=host ossrs/srs:encoder ffmpeg -re-i ./doc/source.200kbps.768x320.flv \
-c copy -f flv -y rtmp://localhost/live/livestream
3.2开始推流
下面的示例是开启了一个 ffmpeg 的推流示例,推流后的网址是 rtmp://localhost/live/livestream
docker run --rm--network=host ossrs/srs:encoder ffmpeg -re-i ./doc/source.200kbps.768x320.flv \
-c copy -f flv -y rtmp://localhost/live/livestream
当然,也可以使用 OBS软件 来推流,本文后面描述。
3.3查看播放的视频
可以通过两种方式播放:
1)、客户端方式,使用VLC播放器,URL地址是 rtmp开头的方式,
2)、浏览器里播放,FLV 格式的影片。
VLC客户端播放
VLC 是一款开源的流媒体播放器,可以从网上下载到。
打开 VLC ,输入下面的流地址播放即可
rtmp://localhost/live/livestream
也可以在浏览器里播放 SRS 为 Flv格式的播放提供了支持。网址格式:http://localhost:8080/live/livestream.flv
比如我用react写的前端demo,,它使用了 Flv.js 播放器,能够播放 flv的 的媒体流。代码示例:
importReact, { PureComponent } from'react';
importReflvfrom'@/Reflv/index';
exportclassMyDemoextendsPureComponent {
constructor(props) {
super(props);
this.state= {
"Video_URL": 'http://localhost:8080/live/livestream.flv'
}
}
componentDidMount() {
}
render() {
return (
<Reflvurl={this.state.Video_URL} type="flv"/>
)
}
}
4. 使用 OBS软件 来推流
上一章节示例了文件的方式推流,这里示例下 OBS 软件的方式。首先你要一个 OBS 软件。
OBS推流软件: 免费和开源软件的视频录制和直播流媒体。
下载地址:obsproject.com/
步骤:
1、启动SRS服务:见上文
2、OBS推流
4.1添加一个视频采集设备

4.2点击设置,配置一个 推流地址。

4.3点击“开始推流”按钮,开始推流。

播放流:加上文
5.一些资料
我的Demo地址:github.com/vir56k/demo…
SRS简介:
SRS是一个简单高效的实时视频服务器,支持RTMP/WebRTC/HLS/HTTP-FLV/SRT/GB28181。
主站地址:ossrs.net/releases/
WIKI 文档: gitee.com/winlinvip/s…
仓库地址: github.com/ossrs/srs/t…
6.参考
作者:张云飞Vir链接: https://juejin.cn/post/6976958026989174797
