天天看点

Windows11实现录屏直播,H5页面直播 HLS ,不依赖Flash

这两天的一个小需求,需要实现桌面实时直播,前面讲了两种方式:

1、Windows 11实现录屏直播,搭建Nginx的rtmp服务 的方式需要依赖与Flash插件,使用场景有限

2、Windows 11实现直播,VLC超简单实现捕获、串流、播放 的方式需要依赖于播放器,也可以通过转换协议实现需求

现在讲第三种,通过 FFmpeg 切片推流 HLS,并嵌入 H5 的web页面实现桌面直播

需要工具去头一篇博客取,别客气,当自己家一样

开始叭

1、写个 Nginx 的配置文件

  在自己的nginx/cong文件夹下,新建一个 nginx-win-hls.conf 文件,内容如下:

2、启动 Nginx,这里有问题去看头一篇文章

3、启动FFmpeg,切片、保存

  目录下会生成一个 tv.m3u8文件 + 一堆的 tv片,用过的会自动删除

Windows11实现录屏直播,H5页面直播 HLS ,不依赖Flash

4、写个H5的Web页面

  进入Nginx的html目录,新建 live-hls.html

5、见证奇迹

  浏览器输入:http://127.0.0.1/html/live-hls.html

Windows11实现录屏直播,H5页面直播 HLS ,不依赖Flash

   是的,此时我正在写博客

  哈? 

  白屏!没奇迹!对吧?给你的 js 就有了

  好了,别客气。求个关注,常来哈