node.js简易版直播功能（局域网内）

Node.js实现直播推流与拉流教程

原创已于 2023-11-24 21:45:12 修改 · 1.7k 阅读

14 ·

CC 4.0 BY-SA版权

文章标签：

#服务器 #运维

于 2023-11-24 21:43:26 首次发布

现在的直播功能,分为推流和拉流。说俗点就是主播那端是推流通过屏幕捕捉或者是摄像头捕获主播的面前的东西或者是电脑桌面的东西。然后通过流的方式将数据传输到服务器端，然后服务器端在发送到客户端，客户端那边也就是观众的那边需要拉流，然后就可以展示到客户端了。

node.js后端

首先我们需要下载一个插件

1.安装

npm install node-media-server --save

2.配置启动（node index.js）

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

启动成功的效果

安装（推流）

1.安装OBS：

https://obsproject.com/ // 下载地址

2.配置：

点击左下边来源的加号然后选择桌面捕获

然后就会出现以下的这种情况

然后就是开始推流了上面我们已经用node.js搭建好了流服务器了。点击右下边的设置

我这里使用的是 ip地址因为一会我要让手机看到所以不能用 localhost 进行设置

在这里服务器我设置为rtmp://192.168.1.28/live/

192.168.1.28则是我所链接的局域网的ip （可以打开cmd输入ipconfig）
推流码可以自定义设置在这里我设置为zrr

配置完后保存点击开始推流
服务器端有变化就说明了你的推流成功了。

拉流（客户端）

使用过 flv 的方式进行拉流的，下面是客户端了拉流代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script src="https://cdn.bootcss.com/flv.js/1.4.0/flv.min.js"></script>
		<video id="videoElement" style="width: 100%;" controls="controls"></video>
		<script>
		    if (flvjs.isSupported()) {
		        var videoElement = document.getElementById('videoElement');
		        var flvPlayer = flvjs.createPlayer({
		            type: 'flv',
					url:'http://192.168.1.28:8000/live/zrr.flv''
		        });
		        flvPlayer.attachMediaElement(videoElement);
		        flvPlayer.load();
		        flvPlayer.play();
		    }
		</script>
	</body>
</html>

打开浏览器刚好看到就是我刚刚在做的动作这个很正常因为直播就是会有延迟的。