flv.js是一个无需Flash插件的纯JavaScript编写的html5 flash视频(flv)播放器插件

flv.js是一个无需Flash插件的纯JavaScript编写的html5 flash视频(flv)播放器插件

flv.js是一个无需Flash插件的纯JavaScript编写的html5 flash视频(flv)播放器。
flv.js通过将FLV文件流转换为ISO BMFF(碎片化MP4)段,然后通过媒体源扩展API将MP4段馈送到HTML5<视频>元素。

特征
带有H.264+AAC编解码器播放的FLV容器
分块视频回放
HTTP FLV低延迟实时流播放
通过 WebSocket直播流回放
兼容Chrome、FireFox、Safari 10、IE11和Edge
非常低的开销,硬件由您的浏览器加速!

使用方式:

第一步引入bfwone 加载依赖项jquery

第二步use插件及css

示例如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["flv"], function() {
                if (flvjs.isSupported()) {
                    var videoElement = document.getElementById('videoElement');
                    var flvPlayer = flvjs.createPlayer({
                        type: 'flv',
                        url: 'http://example.com/flv/video.flv'
                    });
                    flvPlayer.attachMediaElement(videoElement);
                    flvPlayer.load();
                    flvPlayer.play();
                }
            });
        });
    </script>
    <style>
    </style>
</head>
<body>

    <video id="videoElement"></video>

</body>
</html>

官网:https://github.com/Bilibili/flv.js

立即下载flv.js查看所有js插件

网友评论0

程序员在线工具箱