使用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 相关文章推荐
firefo xml 读写实现js代码
Jun 11 Javascript
Mac/Windows下如何安装Node.js
Nov 22 Javascript
js使用正则实现ReplaceAll全部替换的方法
Jul 18 Javascript
JavaScript实现自动消除按钮功能的方法
Aug 05 Javascript
巧用数组制作图片切换js代码
Nov 29 Javascript
vue二级路由设置方法
Feb 09 Javascript
Vue2.0用户权限控制解决方案的示例
Feb 10 Javascript
Vue 与 Vuex 的第一次接触遇到的坑
Aug 16 Javascript
vue实现移动端悬浮窗效果
Dec 01 Javascript
JavaScript实现的滚动公告特效【基于jQuery】
Jul 10 jQuery
JS实现随机抽选获奖者
Nov 07 Javascript
vue 在单页面应用里使用二级套嵌路由
Dec 19 Vue.js
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面向对象程序设计之对象生成方法详解
2016/12/02 PHP
PHP处理bmp格式图片的方法分析
2017/07/04 PHP
PHP微信PC二维码登陆的实现思路
2017/07/13 PHP
如何通过View::first使用Laravel Blade的动态模板详解
2017/09/21 PHP
javascript实现动态CSS换肤技术的脚本
2007/06/29 Javascript
js tab效果的实现代码
2009/12/26 Javascript
JavaScript 中的日期和时间及表示标准介绍
2013/08/21 Javascript
JavaScript中switch判断容易犯错的一个细节
2014/08/27 Javascript
JavaScript 学习笔记之数据类型
2015/01/14 Javascript
使用JavaScript和CSS实现文本隔行换色的方法
2015/11/04 Javascript
Bootstrap树形控件使用方法详解
2016/01/27 Javascript
vue.js 表格分页ajax 异步加载数据
2016/10/18 Javascript
ES6通过babel转码使用webpack使用import关键字
2016/12/13 Javascript
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
2016/12/26 Javascript
移动端web滚动分页的实现方法
2017/05/05 Javascript
vue-scroller记录滚动位置的示例代码
2018/01/17 Javascript
几个你不知道的技巧助你写出更优雅的vue.js代码
2018/06/11 Javascript
重学JS之显示强制类型转换详解
2019/06/30 Javascript
Openlayers实现扩散的动态点(水纹效果)
2020/08/17 Javascript
python缩进区别分析
2014/02/15 Python
Python中Django框架下的staticfiles使用简介
2015/05/30 Python
python Django批量导入数据
2016/03/25 Python
python 捕获 shell/bash 脚本的输出结果实例
2017/01/04 Python
详解Python 协程的详细用法使用和例子
2018/06/15 Python
django重新生成数据库中的某张表方法
2019/08/28 Python
CSS3自定义滚动条样式的示例代码
2017/08/21 HTML / CSS
用canvas画心电图的示例代码
2018/09/10 HTML / CSS
索尼巴西商店:Sony巴西
2019/06/21 全球购物
加拿大在线隐形眼镜和眼镜店:VisionPros
2019/10/06 全球购物
英国计算机商店:Technextday
2019/12/28 全球购物
资源工程专业毕业生求职信
2014/02/27 职场文书
珍惜水资源建议书
2014/03/12 职场文书
中秋客户感谢信
2015/01/22 职场文书
学期个人自我总结
2015/02/13 职场文书
2015中秋节晚会主持词
2015/07/01 职场文书
Java9新特性对HTTP2协议支持与非阻塞HTTP API
2022/03/16 Java/Android