flv.js仿B站弹幕html,【图片】B站那个FLV.JS确实可以啊【firefox吧】_百度贴吧

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

@也不会年轻太久 @王丶不再沉默

// ==UserScript==

// @name bili_live_h5_player

// @namespace yaoxia_web

// @include /http://live.bilibili.com/\d+/

// @require http://cdn.bootcss.com/flv.js/1.1.0/flv.min.js

// @version 1

// ==/UserScript==

//本脚本火狐或者chrome猴子脚本,业余小白编写,无保质期;此脚本没有使用特殊API,chrome可用(tampermonkey或者直接安装到扩展[如果没签名无法安装则自行解决]),你也可改成书签格式

//在脚本$('#js-player-decorator').html处,此时会把FLASH播放器替换,聊天窗口和送礼不会显示(因为少了flash没法和socket连接)

//如需要聊天窗口,你可以继续自行开发,比如使用jq的jsocket等;

//我的方案(保留聊天窗口[火狐环境]),把脚本的$('#js-player-decorator').html改成$('#js-player-decorator').append,然后只需mason扩展,新建mason项目,地址填^http:\/\/live\.bilibili\.com\/api\/playurl.*?&quality=0$然后类型选阻止请求(block request)再保存即可(注意这个项目启用后,bili直播FLASH将无法播放视频流,如需复位,切记取消启用)

var cid = ROOMID;

setTimeout(function () {

var e = document.querySelector('.live-switcher.on');

if (e) { //检测到直播间已开3秒后,自动替换播放器为H5,否则瞬间替换会导致很多扩展没加载,尤其是聊天窗口

console.log('HEY!BOY!现在替换H5播放器');

live_h5_play(cid);

} else {

console.log('主播在女装中看毛线啊!');

}

}, 3000);

function live_h5_play(cid) {

$.get("http://live.bilibili.com/api/playurl?player=1&cid=" + cid + "&quality=0&t=1", function (res) {//←◡←这个API我加了点特技,曲线实现MASON阻止API的请求

var url_match = res.match(//);

if (url_match) {

var url = url_match[1];

$('#js-player-decorator').html(''); //html会把FLASH播放器替换,缺少flash后,聊天窗口和送礼不会显示,如果使用append则会插入而不替换,此时聊天窗口仍然可以用;

//append方法是你需要你阻止flash播放器播放视频,此时我觉得最简单的方案是使用MASON阻止API,新建mason项目,地址填^http:\/\/live\.bilibili\.com\/api\/playurl.*?&quality=0$然后类型选阻止请求(block request)即可,此时H5播放器照样可以播放视频,并且聊天窗口可用,送礼可见

$('#player_object').css('width', '0%'); //flash播放器禁止播放,然后弹幕聊天窗口仍然在

console.log(url);

if (flvjs.isSupported()) {

var videoElement = document.getElementById('videoElement');

var flvPlayer = flvjs.createPlayer({

type : 'flv',

url : url

});

flvPlayer.attachMediaElement(videoElement);

flvPlayer.load();

flvPlayer.play();

}

} else {

throw new Error('获取失败')

}

});

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值