Flv.js

Flv.js 是 HTML5 Flash 视频（FLV）播放器，纯原生 JavaScript 开发，没有用到 Flash。由 bilibili 网站开源。

该项目依托于 Media Source Extensions，受到 hls.js 的启发。

概览：

一个实现了在 HTML5 视频中播放 FLV 格式视频的 JavaScript 库。它的工作原理是将 FLV 文件流转码复用成 ISO BMFF（MP4 碎片）片段，然后通过 Media Source Extensions 将 MP4 片段喂进浏览器。

flv.js 是使用 ECMAScript 6 编写的，然后通过 Babel Compiler 编译成 ECMAScript 5，使用 Browserify 打包。

功能：

FLV 容器，具有 H.264 + AAC 编解码器播放功能
多部分分段视频播放
HTTP FLV 低延迟实时流播放
FLV 通过 WebSocket 实时流播放
兼容 Chrome, FireFox, Safari 10, IE11 和 Edge
十分低开销，并且通过你的浏览器进行硬件加速

时间： 2024-10-12 13:04:27

Flv.js的相关文章

SRS+flv.js打造兼容性较高的直播、点播平台

1.公司之前用的是: 直播:rtmp+jwplayer 点播:h5(mp4文件) 弊端:兼容性差,貌似跟系统版本,浏览器,浏览器版本都有关.还有就是rtmp推流生成的文件是flv格式,需要转码成mp4才能点播. 2.SRS+flv.js的优点: 当然是兼容性大大提高了,在pc端谷歌,火狐都可以播放,手机端火狐可以,谷歌不行,其他没测. 3.上图,看看效果: 样式什么的没添加,官方的demon 直接copy过来. 4.flv.js下载,构建: Github:https://github.com/B

js 利用canvas + flv.js实现视频流截屏、本地下载功能实现，兼容火狐，谷歌，截屏跨域的坑

1 本地视频截屏(canvsa) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="stylesheet" href=&q

livego+obs+flv.js 搭建视频直播

一.流程主播通过 obs软件通过直播 ->推流到->直播服务器客户通过浏览器访问站点->flv.js拉取直播服务器视频流并播放二.环境 centos7 直播服务器 https://github.com/gwuhaolin/livego OBS 录屏客户端软件 flv.js https://github.com/Bilibili/flv.js/ 播放站点 nginx站点三.流程 3.1 centos7 安装livego和开启服务安装golang开发环境 git下载livego代

使用ffmpeg进行视频文件转换成FLV整理 <第六篇>

1.首先下载ffmpeg 2.将解压得到的ffmpeg.exe和pthreadGC2.dll文件解压到任何目录(当然也可以是WebRoot中的目录) 3.创建bat文件convertVideo.bat并添加以下内容:(参数说明见附录一) [TXT] view plaincopy %1/ffmpeg -i %2 -y -ab 56 -ar 22050 -b 500 -r 15 -s 320*240 %3 exit ****************** %1为ffmpeg存放目录 %2为需要转换的文

15 个有趣的 JavaScript 与 CSS 库

原文转载:http://www.codeceo.com/article/15-interesting-js-css-framework.html 1. Wing Wing 是一个微型(压缩后仅有4KB)响应式的 CSS 框架,它提供了一个 12 列响应式网格以及基础的样式组件集,可为你的建站工作打下坚实的基础.当然,这个项目最酷的地方在于,它绝大多数的 HTML 元素都是自动样式化的,而不需要任何额外的类.希望你会喜欢! HERE:Wing 项目地址 2. Shave Shave 是一个零依赖.

直播服务器简单实现 http_flv和hls 内网直播桌面

直播都不陌生了,如今主流的协议分析的对比图,个人见解. 协议 httpflv rtmp hls dash 传输层 http流 tcp流 http http 视频格式 flv flv tag Ts文件 Mp4 3gp webm 延时低低很高高数据分段连续流连续流切片文件切片文件 Html5播放可通过html5解封包播放(flv.js) 不支持可通过html5解封包播放(hls.js) 如果dash文件列表是mp4webm文件,可直接播放 http_flv&rtmp 这两个协议

自定义简单好用的<video>播放条样式

这几天在写公司的h5视频播放页面,收获了不少东西. 首先,我需要支持flv和mp4格式的视频.本来想用开源插件flv.js把flv的转换成手机浏览器mp4格式视频,结果不幸的是,两月以前各大手机浏览器更新了内核,不支持flv.js这个插件了(除了chrome浏览器).但PC端还是可用的. 下面说重点,怎么自定义播放条样式. 首先放出成品图: html代码: <video data-icon="0" src="" data-state="a"

关于直播的技术整理2

为了减小延时 webrtc+rtsp? 之前用的是srs+http-flv/rtmp+flv.js/jwplayer,延时大概2~3秒为了进一步减小延时,客户端选择直接用webrtc,那么服务器呢? 因为现在网络摄像头大都是rtsp协议,那么有没有webrtc+rtsp做直播的呢?(同道中人:https://stackoverflow.com/questions/23461914/use-an-ip-camera-with-webrtc) google了好久,终于找到了一个叫Kurento的东

从github上下载代码到本地

这里从有了账号和下载了git之后说起: 在目的文件夹下右键点击Git Bash Here 打开下面窗口: 如图依次输入命令行并回车: $ git config --global user.name "name" $ git config --global user.email "email" $ git init $ git remote add origin https://github.com/Bilibili/flv.js.git $ git clone ht