yaseng / jquery.barrager.js Goto Github PK

View Code? Open in Web Editor NEW

629.0 629.0 173.0 2.6 MB

专业的网页弹幕插件

Home Page: http://yaseng.github.io/jquery.barrager.js

CSS 38.14% JavaScript 3.64% HTML 55.69% PHP 2.54%

jquery

jquery.barrager.js's People

Contributors

Stargazers

Watchers

Forkers

frances-zy emaiqi zhangjingpu 851091009 weikety mumutoy 1146937621 dengduanlian indigojh longshaoye resfront mayaa6 yangxiaoyi-git zhouj-github mofangbao tjlgithub ssiagu easn jijicanyu hifuck bubble1229 lwl0812 s-nice jayzangwill fugehappy anhuiwj xinliangcoder sparkinzy shunino gottaboy ishwy mxyolande zhanglaocai cderfdsa zmy321 kimixue shucheng iamtonygreen loverows mohanll todayit zzqss fashion01cc mytac jonny77 xutongle ccczone cube3power huangzhen1201 gzwz cisasoft just787 jiafenggit zh4l zzzhen wuchao288 liu58yan520 pcanyi geekloselove snake0206 chenjacky131 fffzzz comeonevery valarmem aermayue qinpengwei snamper brownsugar waifei voorg eworthcms programhuqian13 6272873 sikongsima joneyphair idvip foul233 yangchunjian loriguan xiafaqi wuyadream liuhuanjia noodle-xia ethanliew yefengbar honsonngai snackmen ajoysi lixinmusic webhh fujisheva newcookie xiamuguizhi sealui visense wangjiaojiao77 daixinzhang zhuweib sufangyu sfnicole

jquery.barrager.js's Issues

移动端可以使用吗？

链接如何不用?

取消点击文字跳转

弹幕位置单位兼容性问题

弹幕在px单位下正常。但是如果在移动端rem单位下，就不正常了。

弹幕信息过长时显示会出问题

希望解决一下这个bug

info的宽度可以随着字体的多少变化宽度吗？

控制弹幕范围

ios webview下复制功能无法使用

$(id).animate({
right: this_width
}, barrage.speed * 1000, function() {
$(id).remove();
});
jquery.barrager.min.js源码里这段注释后就可以使用

压缩的js文件报错

压缩后的jquery.barrager.min.js中，$.fn.barrager.removeAll=function(){$('.barrage').remove()}}报错，$前面应加上分号

当前资源是最新版本的吗

看文档说最新的是1.1版本，单看文件后缀还是1.0的

性能优化

当网页上超过一定数量弹幕，感觉弹幕就跑不动了

怎么将弹幕控制在一个div里面

怎么循环播放弹幕？

数据很少的时候一会儿就飘完了，想让它加载完所有弹幕后再重新加载怎么弄。

可以搞个demo 基于WebSocket协议的

点击其他页面，再回到弹幕页面，会出现空弹幕的问题

用户是否可以自定义弹幕背景色非字体颜色

弹幕位置优化

同一时间发出多个弹幕，弹幕会随机相互覆盖，可能随机算法需要添加一些规则，如果同时有其他弹幕在某个网页某个高度，新弹幕就应该在空闲的高度出现

请问弹幕支持弹出表情吗？

普通的QQ表情包

请问遵循什么协议？

是否可以布置在项目中，此源码遵循什么协议？

弹幕范围

怎么控制弹幕的范围，把$('body').barrager(item)的body替换成指定div没作用

怎么清除队列里的所有弹幕呢

$.fn.barrager.removeAll(); 好像只能清除屏幕上有的，而不能清除队列上所有的

我现在的问题是这样的.打开一个图片后，然后加载这个图片的所有弹幕
但是当切换照片的时候,我希望之前一个队列里面的所有弹幕全部中止

速度异常

和官网同样是6速度, 但是速度明显比官网快很多, 而且不是很流畅
而且换到别的网页的时候, 弹幕也不会停, 而官网的会停.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>会议弹幕</title>
    <link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="static/css/style.css" />
    <link rel="stylesheet" type="text/css" href="dist/css/barrager.css">
    <link rel="stylesheet" type="text/css" href="barrage.css">
    <link rel="stylesheet" type="text/css" href="static/pick-a-color/css/pick-a-color-1.2.3.min.css">
    <link rel="stylesheet" type="text/css" href="static/syntaxhighlighter/styles/shCoreDefault.css"/>
</head>
<body class="bb-js" onload="onload()" id="body">

    <button type="button" onclick="send()">send</button>

    <script type="text/javascript" src="./barrage.js"></script>
    <script type="text/javascript" src="./tool.js"></script>
    <script type="text/javascript" src="static/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="static/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="static/js/tinycolor-0.9.15.min.js"></script>  
    <script type="text/javascript" src="dist/js/jquery.barrager.js"></script>
    <script type="text/javascript" src="static/syntaxhighlighter/scripts/shCore.js"></script>
    <script type="text/javascript" src="static/syntaxhighlighter/scripts/shBrushJScript.js"></script>
    <script type="text/javascript" src="static/syntaxhighlighter/scripts/shBrushPhp.js"></script>
    <script type="text/javascript" src="static/pick-a-color/js/pick-a-color-1.2.3.min.js"></script>  
</body>
</html>

存在一个bug

当存在大量弹幕（20条以上）会明显出现弹幕的移动速度会整体放慢，如本来设定的setInterval 步长为6 但是当多次点击“弹弹弹”或者采用服务器端读取弹幕信息来输出的时候，弹幕的移动速度明显的下降了。暂时我也找不出原因，猜测是多条弹幕运行导致浏览器性能下降，弹幕之间发送是采用同步进行的，如果是异步进行可能就没问题了。