网页flash抓取器 70(FLV通过WebSocket实时流播放兼容Chrome,,Safari10,IE11)

　　网页flash抓取器 70(FLV通过WebSocket实时流播放兼容Chrome,,Safari10,IE11)

　　通过 WebSocket 的 FLV 实时流式传输

　　与 Chrome、FireFox、Safari 10、IE11 和 Edge 兼容

　　非常低的开销，并通过浏览器进行硬件加速

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

　　5、在vue中使用

　　简书的使用方法

　　第一步是下载flv.js

　　npm install --save flv.js

　　第二步是介绍

　　import flv from '/public/static/js/flv.min.js'

　　以下文件在百度网盘

　　

　　第三步准备容器

　　第四步逻辑部分

　　

created() {

this.init()

},

computed: {

},

methods: {

init() {

var that = this;

// 在js中flv改为flvjs即可,flvjs是默认的参数

if (flv.isSupported()) {

setTimeout(function () {

// 这里加了个200ms的定时器,原因是因为抓取元素之后vue无法瞬间响应

var videoElement = document.getElementById('videoElementByFlv')

that.flvPlayer = flv.createPlayer({

url: "http://1011.hlsplay.aodianyun.com/demo/game.flv",

type: 'flv',

})

that.flvPlayer.attachMediaElement(videoElement)

that.flvPlayer.load()

}, 200)

}

}

　　第五步，在页面上显示

　　

　　6、vue中使用Plupload分片上传

　　如果是简单的图片，则不需要分片上传

　　较大的视频需要分片上传

　　vue中使用Plupload上传片段