使用node-media-server搭建一个简易的流媒体服务器


Posted in Javascript onJanuary 20, 2021

记录一下使用node-media-server的一些过程。本文章环境为windows。本文章适合初学者。

使用到的东西:nodeJsffmpegnode-media-server

这里说一点(如果有错欢迎指出):

node-media-server是作为流媒体服务器,你可以把他理解为中转站,用于转换流格式或者对视频流做一些操作以及向外推送流地址。

ffmpeg是作为推流工具,将你需要转换的视频或者视频流推流到流媒体服务器中。

拉流的意思是从流媒体服务器上拉去视频流,观看者通过拉取流媒体服务器发布的流地址进行观看。你用视频播放器播放就是在拉流。

安装

node-media-server是基于node.Js开发的,所以需要先使用npm安装。

npm install node-media-server

编写并运行node-media-server

新建app.js。并编写下述代码,然后运行app.js

const NodeMediaServer= require('node-media-server');
const config = {
  rtmp: {
    port: 1935,
    chunk_size: 60000,
    gop_cache: true,
    ping: 60,
    ping_timeout: 30
  },
  http: {
    port: 8000,
    allow_origin: '*',
  }
};
 
var nms = new NodeMediaServer(config)
nms.run();

可以访问localhost:8000/admin地址,访问node-media-server的管理端界面。截图如下:

使用node-media-server搭建一个简易的流媒体服务器

使用FFmpeg命令推送地址。

推送视频文件

在执行下面的代码的时候,需要将node-media-server启动起来。

ffmpeg -re -i ./video.mp4 -c copy -f flv rtmp://localhost:1935/live/STREAM_NAME

上述的命令经过node-media-server后会产生两种流地址。一种rtmp。一种flv。前者可以在电脑上播放,后者可以在手机和电脑上播放。rtmp地址为FFmpeg里的命令地址

flv地址为: http://localhost:8000/live/STREAM_NAME.flv

推送rtsp流

推送rtsp(摄像头视频流)只要将上述的./video.mp4该一下就行。博主在测试过程中发现,推送rtsp流要么会出现绿屏要么会出现丢包现象,特别是和hls结合在一起,丢包率更大,所以不建议使用命令去推送rtsp流。

转hls流格式

转hls流需要注意一点,需要指明一下mediaroot参数,虽然node-media-server内部有设置默认值,但是还是推荐在设置一次。然后使用下述配置即可。

const NodeMediaServer= require('node-media-server');
const ff = require('ffmpeg');
const config = {
  rtmp: {
    port: 1935,
    chunk_size: 60000,
    gop_cache: true,
    ping: 60,
    ping_timeout: 30
  },
  http: {
    port: 8979,
    mediaroot: './media/', // 建议写
    allow_origin: '*',
  },
  trans: { // 这里参数是trans参数,不是relay参数,relay参数中配置hls无效
    ffmpeg: './bin/ffmpeg.exe',//指明FFmpeg位置
    tasks: [
      {
        app: 'live',
        ac: 'acc',
        vc: 'libx264',
        hls: true,
        hlsFlags: '[hls_time=2:hls_list_size=3:hls_flags=delete_segments]',
        dash: true,
        dashFlags: '[f=dash:window_size=3:extra_window_size=5]'
      }
    ]
  }
};
 
var nms = new NodeMediaServer(config)
nms.run();

启动上述代码后,使用FFmpeg进行推流,稍等一会,你就会发现在mediaroot指向的目录下生成一个live/STREAM_NAME的文件夹,里面存放着m3u8文件。由于需要先生成m3u8文件,所以如果是推流摄像头的话,会存在比较大的延迟。

m3u8地址为:http://localhost:8000/live/STREAM_NAME/index.m3u8

如果发现m3u8播放有问题,把ac和vc两个参数去掉试试。楼主在实际使用的时候,这两个参数并没有使用。

使用代码对rtsp流转流

对于有的使用者有可能需要将rtsp摄像头视频流进行推流,以便进行跨端预览,博主这里建议使用这种方法。这种方法无需使用cmd执行FFmpeg命令,而且延迟经博主测试为3s(内网,由于没有外网地址,所以外网不是很清楚)。延迟较小。

代码如下:

const NodeMediaServer= require('node-media-server');
const config = {
  rtmp: {
    port: 1935,
    chunk_size: 60000,
    gop_cache: true,
    ping: 60,
    ping_timeout: 30
  },
  http: {
    port: 8979,
    mediaroot: './media/',
    allow_origin: '*',
  },
  relay: {
    ffmpeg: './bin/ffmpeg.exe',
    tasks: [
      {
        app: 'live',
        mode: 'static',
        edge: 'rtsp://admin:****@192.168.4.167:554/Streaming/Channels/101',//rtsp
        name: 'technology',
        rtsp_transport : 'tcp', //['udp', 'tcp', 'udp_multicast', 'http']
      }
    ]
  },
};
 
var nms = new NodeMediaServer(config)
nms.run();

这种方法可以产生两种视频流,一种rtmp一种flv。

总结

因为博主搭建流媒体服务器主要是为了项目中对摄像头进行转流,但是之前JAVA同事有处理过发现会消耗大量的硬件资源,不过博主使用node-media-server倒是没有发现消耗多大的资源,最终还是需要各位具体测试。而且对于摄像头转流,为了避免不必要的性能消耗,楼主打算仅当观察者发起预览的时候,才让服务端启动流媒体转流功能(使用代码对rtsp流转流),当观察者关闭预览,就立即把流媒体功能关闭。这样能避免性能的不必要消耗。毕竟可以直接通过代码直接操作,这样就比较方便,也能降低服务器的一定压力。

到此这篇关于使用node-media-server搭建一个简易的流媒体服务器的文章就介绍到这了,更多相关node-media-server搭建流媒体服务器内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
幻灯片带网页设计中的20个奇妙应用示例小结
May 27 Javascript
jQuery $.data()方法使用注意细节
Dec 31 Javascript
对 jQuery 中 data 方法的误解分析
Jun 18 Javascript
详细分析使用AngularJS编程中提交表单的方式
Jun 19 Javascript
完美实现八种js焦点轮播图(上篇)
Jul 18 Javascript
Jquery和Js获得元素标签名称的方法总结
Oct 08 Javascript
手机端实现Bootstrap简单图片轮播效果
Oct 13 Javascript
vue router+vuex实现首页登录验证判断逻辑
May 17 Javascript
Vue中props的使用详解
Jun 15 Javascript
详解一个基于react+webpack的多页面应用配置
Jan 21 Javascript
vue实现todolist功能、todolist组件拆分及todolist的删除功能
Apr 11 Javascript
小程序使用watch监听数据变化的方法详解
Sep 20 Javascript
vue实现验证用户名是否可用
Jan 20 #Vue.js
node中短信api实现验证码登录的示例代码
Jan 20 #Javascript
vue实现按钮切换图片
Jan 20 #Vue.js
node脚手架搭建服务器实现token验证的方法
Jan 20 #Javascript
Vue实现图书管理案例
Jan 20 #Vue.js
浅析JavaScript中的事件委托机制跟深浅拷贝
Jan 20 #Javascript
详解vue之自行实现派发与广播(dispatch与broadcast)
Jan 19 #Vue.js
You might like
PHP获取php,mysql,apche的版本信息示例代码
2014/01/16 PHP
PHP+jquery实时显示网站在线人数的方法
2015/01/04 PHP
php用户名的密码加密更安全的方法
2019/06/21 PHP
JavaScript类和继承 this属性使用说明
2010/09/03 Javascript
js给onclick赋值传参数的两种方法
2013/11/25 Javascript
按钮接受回车事件的三种实现方法
2014/06/06 Javascript
window.location.href的用法(动态输出跳转)
2014/08/09 Javascript
JavaScript中判断整字类型最简洁的实现方法
2014/11/08 Javascript
node.js中的querystring.escape方法使用说明
2014/12/10 Javascript
简介JavaScript中toUpperCase()方法的使用
2015/06/06 Javascript
js中判断变量类型函数typeof的用法总结
2016/08/09 Javascript
AngularJS实现表单元素值绑定操作示例
2017/10/11 Javascript
jQuery实现表单动态添加数据并提交的方法
2018/07/19 jQuery
zepto.js 实时监听输入框的方法
2018/12/04 Javascript
vue使用axios上传文件(FormData)的方法
2019/04/14 Javascript
layer弹出层扩展主题的方法
2019/09/11 Javascript
关于layui时间回显问题的解决方法
2019/09/24 Javascript
[08:38]DOTA2-DPC中国联赛 正赛 VG vs Elephant 选手采访
2021/03/11 DOTA
pyenv命令管理多个Python版本
2017/03/26 Python
在python中按照特定顺序访问字典的方法详解
2018/12/14 Python
对Python Pexpect 模块的使用说明详解
2019/02/14 Python
Python实现判断一个整数是否为回文数算法示例
2019/03/02 Python
numpy求平均值的维度设定的例子
2019/08/24 Python
Python3并发写文件与Python对比
2019/11/20 Python
Python+Kepler.gl轻松制作酷炫路径动画的实现示例
2020/06/02 Python
浅析Python的命名空间与作用域
2020/11/25 Python
地图可视化神器kepler.gl python接口的使用方法
2020/12/22 Python
新闻专业个人自我评价
2013/09/21 职场文书
医学院学生的自我评价分享
2013/11/19 职场文书
GMP办公室主任岗位职责
2014/03/14 职场文书
《数星星的孩子》教学反思
2014/04/11 职场文书
中学生运动会口号
2014/06/07 职场文书
服务宗旨标语
2014/07/01 职场文书
2014年教育教学工作总结
2014/11/13 职场文书
2015年小学师德师风建设工作总结
2015/10/23 职场文书
立秋之描写立秋的作文(五年级)
2019/08/08 职场文书