Flv.js 是由 bilibili 网站开源的 HTML5 Flash 视频(FLV)播放器,纯原生 JavaScript 开发。

Github地址:https://github.com/Bilibili/flv.js/

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Flv</title>
        <script src="https://cdn.staticfile.net/flv.js/1.6.2/flv.min.js"></script>
    </head>
    <body>
        <video id="myVideo" controls autoplay muted style="width: 500px; height: 300px"></video>
        <script>
            var videoElement = document.getElementById('myVideo');
            var flvPlayer = flvjs.createPlayer(
                {
                    type: 'flv', // 视频流类型
                    url: 'http://localhost:8000/live/STREAM_NAME.flv', // 视频流地址
                    isLive: true, // 数据源是否为直播流
                    hasAudio: false, // 数据源是否包含有音频
                    hasVideo: true, // 数据源是否包含有视频
                    enableStashBuffer: false // 是否启用缓存区
                },
                {
                    enableWorker: false, // 不启用分离线程
                    enableStashBuffer: false, // 关闭IO隐藏缓冲区
                    autoCleanupSourceBuffer: true // 自动清除缓存
                }
            );
            flvPlayer.attachMediaElement(videoElement);
            flvPlayer.load();
        </script>
    </body>
</html>