這兩天的一個小需求,需要實作桌面實時直播,前面講了兩種方式:
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片,用過的會自動删除

4、寫個H5的Web頁面
進入Nginx的html目錄,建立 live-hls.html
5、見證奇迹
浏覽器輸入:http://127.0.0.1/html/live-hls.html
是的,此時我正在寫部落格
哈?
白屏!沒奇迹!對吧?給你的 js 就有了
好了,别客氣。求個關注,常來哈