使用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 相关文章推荐
jquery 插件开发备注
Aug 27 Javascript
ajaxFileUpload.js插件支持多文件上传的方法
Sep 02 Javascript
jquery动态添加删除(tr/td)
Feb 09 Javascript
js代码验证手机号码和电话号码是否合法
Jul 30 Javascript
jQuery实现横向带缓冲的水平运动效果(附demo源码下载)
Jan 29 Javascript
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
Aug 29 Javascript
jQuery Validate设置onkeyup验证的实例代码
Dec 09 Javascript
很棒的一组js图片轮播特效
Jan 12 Javascript
关于JS解构的5种有趣用法
Sep 05 Javascript
在 Vue 中使用 JSX 及使用它的原因浅析
Feb 10 Javascript
vue与iframe之间的信息交互的实现
Apr 08 Javascript
避坑之 JavaScript 中的toFixed()和正则表达式
Apr 19 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
php4的session功能评述(三)
2006/10/09 PHP
php空间不支持socket但支持curl时recaptcha的用法
2011/11/07 PHP
PHP 读取Postgresql中的数组
2013/04/14 PHP
Laravel 加载第三方类库的方法
2018/04/20 PHP
PHP工厂模式、单例模式与注册树模式实例详解
2019/06/03 PHP
jQuery dialog 异步调用ashx,webservice数据的代码
2010/08/03 Javascript
文档对象模型DOM通俗讲解
2013/11/01 Javascript
jQuery中add()方法用法实例
2015/01/08 Javascript
js window对象属性和方法相关资料整理
2015/11/11 Javascript
JavaScript转换数据库DateTime字段类型方法
2017/06/27 Javascript
Javascript调试之console对象——你不知道的一些小技巧
2017/07/10 Javascript
vue滚动轴插件better-scroll使用详解
2017/10/17 Javascript
angularjs 页面自适应高度的方法
2018/01/17 Javascript
Mac下安装vue
2018/04/11 Javascript
vue.extend实现alert模态框弹窗组件
2018/04/28 Javascript
react native 文字轮播的实现示例
2018/07/27 Javascript
Angular6 正则表达式允许输入部分中文字符
2018/09/10 Javascript
Vue.js的动态组件模板的实现
2018/11/26 Javascript
小程序实现人脸识别功能(百度ai)
2018/12/23 Javascript
小程序如何在不同设备上自适应生成海报的实现方法
2019/08/20 Javascript
JS异步处理的进化史深入讲解
2019/08/25 Javascript
webpack是如何实现模块化加载的方法
2019/11/06 Javascript
[57:22]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第五场
2018/04/10 DOTA
Python 实现数据库(SQL)更新脚本的生成方法
2017/07/09 Python
Django 登陆验证码和中间件的实现
2018/08/17 Python
Pyqt5实现英文学习词典
2019/06/24 Python
解决python super()调用多重继承函数的问题
2019/06/26 Python
详解纯CSS3制作的20种loading动效
2017/07/05 HTML / CSS
澳大利亚正品化妆品之家:Cosmetic Capital
2017/07/03 全球购物
高一学生评语大全
2014/04/25 职场文书
中学生社会实践活动总结
2014/07/03 职场文书
趣味运动会广播稿
2014/09/13 职场文书
设备技术员岗位职责
2015/04/11 职场文书
《植树问题》教学反思
2016/03/03 职场文书
2016年第16个全民国防教育日宣传活动总结
2016/04/05 职场文书
高考要来啦!用Python爬取历年高考数据并分析
2021/06/03 Python