插件记录-dplayer直播插件

"dplayer": "^1.26.0",

直播插件的使用记录，支持m3u8格式的直播或者回放视频播放，ios和安卓兼容性良好，ios不支持自动播放。

import flvjs from 'flv.js';

<div id="dplayer"></div>

// 直播initFlv () {let Hls = require('hls.js');let DPlayer = require('dplayer');let _this = this;let jsonobj = JSON.stringify;console.log(jsonobj);const dp = new DPlayer({container: document.getElementById('dplayer'),live: true,video: {url: this.liveInfo.live_url,type: 'customHls',pic: this.liveInfo.pic_url,customType: {customHls: function (video, player) {hls.loadSource(video.src);hls.attachMedia(video);}}}});dp.play();dp.on('canplay', function () {console.log('player good');_this.canplay = true;});dp.on('loadedmetadata', function () {console.log('player loadedmetadata');_this.canplay = true;});// 直播等待中，重新获取直播dp.on('waiting', function () {_this.waitTime = +_this.waitTime + 10;setTimeout(res => {console.log(_this.canplay);if (_this.waitTime < 60 && !_this.canplay) {_this.initFlv();}}, 10000);console.log(_this.waitTime);});},

 "dplayer": "^1.26.0",

插件记录-dplayer直播插件相关推荐

使用JavaCV实现海康rtsp转rtmp实现无插件web端直播（无需转码，低资源消耗）
使用JavaCV实现海康rtsp转rtmp实现无插件web端直播(无需转码,低资源消耗) 目录结构添加依赖,编写配置文件创建Bean 创建缓存Cache 修改启动类拉流.推流.转封装定时任务T ...
batchplot 3.6.2 插件_直播插件体系设计
| 导语直播页面是一个功能丰富且复杂的页面,整个页面几乎全部由若干个功能组件构成,在这样一个背景下,如何通过前期的合理设计来接入这些功能组件,同时提高页面的扩展性和可维护性. 一.背景开播了鹅 ...
OBS插件开发以及OBS插件的选择（obs直播插件）
obs版本的选择: 工作室版,优化了很多东西,缺点是不能用插件,在部分机型不稳定,因为更新的很频繁.不过这个插件不能用的说法还是停留在早起,截至到今天已经完美支持,所以在不久的将来会越来越好,如果是开 ...
使用vscode开发，使用插件记录
使用vscode开发,使用插件记录一.vscode设置小技巧: 1.在vscode中显示空格和tab符号: 2.VSCode文本编辑设置代码自动换行: 3.vs code设置每行代码的垂直标尺: 4 ...
小葫芦直播管家找不到服务器,小葫芦直播管家-开播版，直播插件手动安装教程...
小葫芦直播管家-开播版,直播插件手动安装教程小葫芦直播管家-开播版最新版本支持添加各种直播插件啦!先给大家分享简单快速的添加方法. 注意:准备好32位的OBS Studio插件!可前往小葫芦插件市 ...
OBS插件开发以及OBS插件的选择（obs直播插件）研究思路
obs版本的选择: 工作室版,优化了很多东西,缺点是不能用插件,在部分机型不稳定,因为更新的很频繁.不过这个插件不能用的说法还是停留在早起,截至到今天已经完美支持,所以在不久的将来会越来越好,如果是开 ...
PHP写的电视直播插件实例创建流程
PHP写的电视直播插件实例创建流程这是最近写的一个PHP电视直播插件实例. 作者:G.FLOWER 主页:https://wdc.store 目录结构: 创建zb目录,可放在网站二级目录创建zby ...
让你意想不到的直播插件
简介声网直播uniapp原生插件是由赣州智悦科技有限公司编写的一款在uniapp中接入声网视频互动直播的原生插件,使用此插件可以完美地对接视频互动直播,合图推流到CDN并播放视频,实时消息发送与接收 ...
彻底删除vscode以及vscode的插件记录
最近因为误操作玩坏了自己的vscode,不得不重新安装,但是直接在控制面板上卸载了vscode重新安装,发现依然不行,最后才明白是没有彻底删除才导致重装软件无效的.所以在这记录下怎样才能彻底清楚vsc ...

插件记录-dplayer直播插件

插件记录-dplayer直播插件相关推荐

最新文章

热门文章