SRS(简单实时视频服务) 笔记（1）- 体验

0.背景

SRS是一个简单高效的实时视频服务器，支持RTMP/，等多种格式。工作用用到 SRS 服务，本文是我在学习过程中的学习笔记。

1.知识

要向开始搭建流媒体服务，基本分三个步骤：

1、启动流媒体服务(即SRS)
2、启动推流，即流媒体视频，影音资料的来源
3、播放流媒体，即用户端，通过播放器或者浏览器看视频。

由此理解到 “SRS 流媒体服务到底做了什么事？” 答：视频的输入和分发。即一手接收视频流，一手分发视频流到客户端。再由此引申出，视频的传输和解码。

2. 示例

（1）启动 SRS

代码语言：javascript复制

docker run --rm -p 1935:1935 -p 1985:1985 -p 8080:8080 ossrs/srs:3

（2）开始推流

下面的示例是开启了一个 ffmpeg 的推流示例，推流后的网址是 rtmp://localhost/live/livestream

代码语言：javascript复制

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）查看播放的视频

可以通过两种方式播放：

1)、客户端方式，使用VLC播放器，URL地址是 rtmp开头的方式，
2)、浏览器里播放，FLV 格式的影片。

VLC客户端播放

VLC 是一款开源的流媒体播放器，可以从网上下载到。

打开 VLC ，输入下面的流地址播放即可

代码语言：javascript复制

 rtmp://localhost/live/livestream

也可以在浏览器里播放 SRS 为 Flv格式的播放提供了支持。网址格式：http://localhost:8080/live/livestream.flv

比如我用react写的前端demo，，它使用了 Flv.js 播放器，能够播放 flv的的媒体流。代码示例：

代码语言：javascript复制

import React, { PureComponent } from 'react';
import Reflv from '@/Reflv/index';

export class MyDemo extends PureComponent {

  constructor(props) {
    super(props);
    this.state = {
        "Video_URL": 'http://localhost:8080/live/livestream.flv'
      }
  }

  componentDidMount() {
  }

  render() {
    return (
      <Reflv url={this.state.Video_URL} type="flv"/>
    )
  }
}