• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 开源代码flv.js的使用说明

开源代码flv.js的使用说明

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含flv.js?1.1.9等相关知识,匿名希望在学习及工作中可以帮助到您
Flv.js

是 HTML5 Flash 视频(FLV)播放器,纯原生 JavaScript 开发,没有用到 Flash。由 bilibili 网站开源。

概览:

一个实现了在 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

  • 十分低开销,并且通过你的浏览器进行硬件加速

以上是官方的介绍,重点是开源让我们用了,谢谢B站的大神们

以下是我整理的集成使用方案

一、部署方案

1、前提

首先这里要使用到nodejs和npm,如何安装和部署在我之前的文章有写过了,这里不再多说,需要可以看自行搜索。

2、下载代码

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

需要同步最新代码的同学要使用git,没有git的也可以下载zip文件



代码下载下来后

我放在了D:\code\flv.js-master



3、构建代码

因为代码不能直接使用,我们需要用到nodejs的npm模块进行构建

1)先打开cmd命令行窗口(这里记得用右键打开以管理员身份运行),不然可能运行会error

cd命令到放置代码的地方,我是放在D:\code\flv.js-master上


2)执行npm构建,这里是进行安装开发环境的操作

您可能想查找下面的文章:

相关文章

  • 2018-12-03分享h5中alt和title的区别与用法
  • 2018-12-037个专门为HTML5开发人员打造的Web框架
  • 2018-12-03基于HTML5 的人脸识别技术
  • 2018-12-03突袭HTML5之Javascript API扩展3—本地存储全新体验_html5教程技巧
  • 2018-12-03HTML5的文本样式实例介绍
  • 2018-12-03HTML5新特性之文件和二进制数据的操作
  • 2017-08-06使用phonegap进行本地存储的实现方法
  • 2018-12-03html5手机触屏touch事件的详细介绍
  • 2018-12-03html5实现微信打飞机游戏_html5教程技巧
  • 2018-12-03html5中video标签的详细介绍

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 涂鸦板简单实现 Html5编写属于自己的画画板
    • cookie的具体使用方法
    • HTML5 canvas实现雪花飘落特效
    • 使用HMTL5 API监控前端性能
    • HTML5<datalist>标签有哪些属性?HTML5<datalist>标签的具体用法(附实例)
    • Html5 canvas实现粒子时钟的示例代码
    • HTML5中的强制下载属性download使用实例解析_html5教程技巧
    • W3C公布最新的HTML5标准草案_html5教程技巧
    • H5怎样调用相机拍照并压缩图片
    • 好看且免费的 Web Font 有哪些推荐?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有