flv.js的具体使用教程.docx

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多

flv.js的具体使用教程

目录简介flv.js常用方法flv.js简单使用

简介

Flv.js是HTML5Flash视频(FLV)播放器,纯原生JavaScript开发,没有用到Flash。由bilibili网站开源。它的工作原理是将FLV文件流转码复用成ISOBMFF(MP4碎片)片段,然后通过MediaSourceExtensions将MP4片段喂进浏览器。

媒体部分

配置

flv.js常用方法

1:flvjs.isSupported():判断当前浏览器是否支持播放

2:flvPlayer=flvjs.createPlayer(mediaDataSource:MediaDataSource,config:Config):创建一个播放实例

3:flvPlayer.attachMediaElement(mediaElement:HTMLMediaElement):将播放实例注册到video节点

4:flvPlayer.load():加载数据流

5:flvPlayer.play():播放数据流

6:flvPlayer.pause():暂停播放数据流

7:flvPlayer.unload():取消数据流加载

8:flvPlayer.detachMediaElement():将播放实例从节点中取出

9:flvPlayer.destroy():销毁播放实例

flv.js简单使用

1:html

videoid=my-playerpreload=automutedautoplaytype=rtmp/flv

sourcesrc=

/video

2:js

(1):在index.xml文件中引入flv.js

scriptsrc=./flv.js/flv.min.js/script

(2):使用flv.js实现播放flv格式流,获取video节点

videoElement=document.getElementById(my-player);

if(flvjs.isSupported()){

flvPlayer=flvjs.createPlayer({

type:flv,//媒体类型

url:XXXX//flv格式媒体URL

isLive:true,//数据源是否为直播流

hasAudio:false,//数据源是否包含有音频

hasVideo:true,//数据源是否包含有视频

enableStashBuffer:false//是否启用缓存区

enableWorker:false,//不启用分离线程

enableStashBuffer:false,//关闭IO隐藏缓冲区

autoCleanupSourceBuffer:true//自动清除缓存

flvPlayer.attachMediaElement(videoElement);//将播放实例注册到节点

flvPlayer.load();//加载数据流

flvPlayer.play();//播放数据流

}

(3):关闭视频流

flvPlayer.pause();//暂停播放数据流

flvPlayer.unload();//取消数据流加载

flvPlayer.detachMediaElement();//将播放实例从节点中取出

flvPlayer.destroy();//销毁播放实例

文档评论(0)

158****0778 + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档