天天看點

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 就有了

  好了,别客氣。求個關注,常來哈