如何从网页获取直播

Question

我想在我的网站上添加直播。可能吗？

来源：https://istanbuluseyret.ibb.gov.tr/bagdat-caddesi/

<video id="videojs620230c0a8c70_html5_api" class="vjs-tech" preload="auto" autoplay="" loop="" muted="" poster="https://services.ibb.gov.tr/cam_out/wp-content/uploads/sites/4/2021/07/bagdat_caddesi1_05.jpg" data-setup="{&quot;fluid&quot;:true,&quot;plugins&quot;:{&quot;airplayButton&quot;:{}}}" playsinline="" src="blob:https://istanbuluseyret.ibb.gov.tr/539fef53-2de7-4324-bc51-e493701508e6">
        <source src="https://livestream.ibb.gov.tr/cam_turistik/cam_trsk_bagdat_cad_1.stream/playlist.m3u8" type="application/x-mpegURL">
        <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank" class="vjs-hidden" hidden="hidden">supports HTML5 video</a></p>
    </video>

Answer 1

您不能在 <video> 标签中使用 M3U8 文件。

要播放视频，您必须阅读 M3U8（文本）文件并使用 缓冲区 将内部链接传递到 <video> 标签，因此这意味着使用 MediaSource 扩展 (MSE) 方法。网上有关于如何为 MSE 准备视频数据的教程

或者只使用 ready-to-use 支持 M3U8 播放列表的视频播放器。
一位示例玩家是 videoJS。
（在此处测试您的 .m3u8 文件：https://videojs.github.io/videojs-contrib-hls/）

如何从网页获取直播

How to get live stream from a webpage

html

video

video-streaming

http-live-streaming