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>