Desktopのキャプチャーをリアルタイムにストリーミング公開する。

お世話になっております。
題記の件、独力で詰まったため、アドバイスお願い致します。

Windows10で、デスクトップのキャプチャ動画をHLS公開したいと考えています。
m3u8ファイルならびにtsファイルが連番で作成されるところまでは行けたのですが、
動画を再生できません(動画時間は表示されるが、背景は白のままで、何も始まらない)。
有識者の方、ご助力よろしくお願い致します。

[Web Server]
VisualCode live-server

ffmpeg_start.bat
stream
output.m3u8
output_0.ts
output_1.ts
output_2.ts
...
Play.html

[キャプチャ]
ffmpeg
[ブラウザ]
Microsoft Edge

SOURCE CODE

・Web page

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Play HTML</title> <link href="static/css/video-js.min.css" rel="stylesheet"> <script src="static/js/video.min.js"></script> <script src="static/js/videojs-contrib-media-sources.min.js"></script> <script src="static/js/videojs-contrib-hls.min.js"></script> </head> <body> <video id="test" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="640" height="360" data-setup="{}"> <source src="output.m3u8" type="application/x-mpegURL"> </video> </body> </html>

・FFmpeg
ffmpeg -f gdigrab -y -i desktop -video_size 1280x1024 -offset_x 0 -offset_y 0
-vcodec libx264 -acodec aac -flags +loop-global_header -bsf:v h264_mp4toannexb
-f segment -segmnet_format mpegts -segment_time 10 -segment_list stream\output.m3u8
-movflags +faststart stream\output_%%d.ts