本文链接：https://blog.csdn.net/yunchong_zhao/article/details/105922236

最近几年直播是火的不得了,越来越多的人也投身直播中,我们也很有多程序员也会出现在直播中教其他的人编程知识，我也想着等我的知识和经验够得时候也开个直播试试看哈哈，当然现在也就想想可以。
经常看我的博客的童鞋，可能知道我每次写博客的时候总会扯些闲话，因为不管写什么直接进入状态可能有点难度哈。容我慢慢进入，

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

你可以选择腾讯云的云直播作为服务器端，
在这里插入图片描述
顺便提一下推流使用的协议不再是 http 而是 rtmp
但是之后我为什么没有选择使用呢,虽然上线松了20G流量腾讯的直播他需要你的拉流客户端必须是有备案通过的域名作为客户端的，这里我没有，所以就弃用了，而且还有时间限制，他规定了一次只能直播多长的时间，你用人家的东西确实挺舒服的但是就得听人家的安排，如果不想这样就只能自己搞一个服务器了。

这个时候就选择 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();

启动成功的效果
在这里插入图片描述

3.就是下载推流的工具相信很多玩过直播的小伙伴可能知道虎牙和斗鱼直播的工具应该都是用的这个
OBS
https://obsproject.com/ // 下载地址
不知道为什么我的下载的特别慢下面我也附上了网盘地址怕你们也下载很慢
链接：https://pan.baidu.com/s/1FOdzPRQ-rwPS7Z2wwyFk0A
提取码：nte1
4.下载完成安装上Obs 开始进行配置
看过一些游戏直播的童鞋可能知道,是不是在主播下播的时候会看见下面的情况是吧。
在这里插入图片描述
这个有个问题就是 OBS的显示器桌面捕捉必须得是集成显卡要不你挣开的就是黑屏情况，这个问题你可以去设备管理器哪里先把独显给禁用了就可以了，然后播完之后再把独显关闭了，这个好像就是 windows10的笔记本会出现这种情况。

点击左下边来源的加号然后选择桌面捕获
就会出现上图的这种情况了,然后就是开始推流了上面我们已经用node.js搭建好了流服务器了。点击右下边的设置
服务器是 rtmp://192.168.0.4/live/
我这里使用的是 ip地址因为一会我要让手机看到所以不能用 localhost 进行设置
下面的流秘钥你可以自定义就好像是主播的房间号似得
我定义了是 zyc
在这里插入图片描述
配置完后保存点击开始推流
服务器端有变化就说明了你的推流成功了。

这下我们要配置客户端的拉流了
有关拉流的知识因为我也是菜鸟不懂那么多
使用过 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.0.104:8000/live/zyc.flv'
		        });
		        flvPlayer.attachMediaElement(videoElement);
		        flvPlayer.load();
		        flvPlayer.play();
		    }
		</script>
	</body>
</html>

然后打开浏览器哈
刚好看到就是我刚刚在做的动作这个很正常哈因为直播就是会有延迟的。
在这里插入图片描述
这个时候还没有完我们还要测试在手机上会不会成功
因为要在手机上测试你就不能在本地打开这种方式了,你要在你的电脑上建立一个本地服务器才行哈
我就安装了一个 http-server
npm install http-server -g
然后就是启动 http-server
监听 8080端口
我查了下 ip 地址 http://192.168.0.4:8080/index.html
在手机上浏览器上输入上面的地址访问
下面的是手机上看到的效果。
虽然中间出现了一些挫折，但是最后还是成功了很开心了，对直播有兴趣的童鞋也可以搞搞看哦
在这里插入图片描述