docker run --name nginx-rtmp -d -p 80:80 \
-v /docker/nginx-rtmp/conf/nginx.conf:/opt/nginx/nginx.conf:ro \
-v /docker/nginx-rtmp/html:/opt/nginx/html \
alfg/nginx-rtmp

         若启动后查看容器状态为exited，启动失败，可通过以下docker命令查看失败的原因：

docker logs -f 容器id

         nginx中rtmp服务相关配置：

rtmp {
    #开启一个rtmp应用服务
    server {
        listen 1935;
        chunk_size 4096; #默认流切片大小
        # create an application with rtmp
        application live {
                live on;
                record off;
                hls on;
                hls_path /opt/nginx/html/hls;
                hls_fragment 2s;
                #在接收到推流时，自动进行流格式转换并推送到本地的hls中，具体参数可以参考ffmpeg官方参数手册
                #exec ffmpeg -i rtmp://localhost/live/$name -threads 1 -c:v libx264 -profile:v baseline -b:v 350K -s 640x360 -f flv -c:a aac -ac 1 -strict -2 -b:a 56k rtmp://localhost/live360p/$name;
                #在启动nginx时就执行以下ffmpeg命令 将一个在线的rtmp转成本地的hls流（测试使用,替换成可使用的rtmp地址即可）
                exec_static ffmpeg -i rtmp://xxxxx.hd -c copy -f flv rtmp://localhost/hls360p/bk;
          }
        application hls360p {
                live on;
                hls on;
                #hls流保存位置，将该目录映射到宿主主机方便查看
                hls_path /opt/nginx/html/hls2;
                hls_fragment 2s;
        }
    }
}

http {
    access_log /dev/stdout combined;
    ssl_ciphers         HIGH:!aNULL:!MD5;
    ssl_protocols       TLSv1 TLSv1.1 TLSv1.2;
    ssl_session_cache   shared:SSL:10m;
    ssl_session_timeout 10m;
    server {
        listen 80;
        location /hls {
            types {
                application/vnd.apple.mpegurl m3u8;
                video/mp2t ts;
            }
            #hls的访问实际路径，例如访问http://localhost/hls/${name}.m3u8 则会访问对应目录下的m3u8文件
            alias /opt/nginx/html/hls2;
            expires -1;
            add_header Cache-Control no-cache;
            #设置允许跨域访问
            add_header Access-Control-Allow-Origin *;
        }
    }
}

踩坑记录：如果是在window操作下的nginx-rtmp模块，则配置中的exec_static指令是不生效的。可通过安装ffmpeg然后以命令行的形式实现推流。

<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>

<template>
  <div id="hls">
    <video id="video" muted></video>
  </div>
</template>
<script>
export default {
  name: 'hls-video',
  components: {
  },
  data() {
    return{
    }
  },
  methods: {
      //初始化video  
      initVideo () {
          let video = document.getElementById('video')
          if(Hls.isSupported()) {
            let hls = new Hls()
            //该hls地址为nginx配置中的地址
            hls.loadSource('http://172.16.1.72/hls/bk.m3u8')
            hls.attachMedia(video)
            hls.on(Hls.Events.MANIFEST_PARSED,()=>{
                video.play()
            });
        }else if (video.canPlayType('application/vnd.apple.mpegurl')) {
          video.src = 'http://172.16.1.72/hls/bk.m3u8'
          video.addEventListener('loadedmetadata',function() {
                video.play()
            })
        }
      }
  },
  created() {
  },
  mounted() {
    this.initVideo()
  },
  computed: {
  },
  watch: {
  }
}
</script>
<style scoped>
</style>