可插件的特性描述:Danmmu 播放器是第一带有弹幕效能的HTML5电视播放器。。 弹幕电视播放,向用户发送色弹幕,实时调停弹幕显示音响效果等效能。 Danmmu 播放器的目标的是让显像剂不费力地在T上赚得弹幕电视播放。。

DanmuPlayer

它曾经被用户卖了。。Danmmu 播放器是第一带有弹幕效能的HTML5电视播放器。。 弹幕电视播放,向用户发送色弹幕,实时调停弹幕显示音响效果等效能。 Danmmu 播放器的目标的是让显像剂不费力地在T上赚得弹幕电视播放。。

开端运用

1。第一步是绍介播放器的js和CSS论文。,它需求用jQuery来援用。。
    
2。引起第一新div,这边的ID值danmp
三.设定初值danmuplayer,应用只是新建的div.$("#danmup").danmuplayer({
  src:"",       //电视源
  width:800,电视宽度
地平纬度:445 /电视地平纬度
});好了,你曾经可以在喊出名字以寻找上预告播放器了。。想法找到弹幕,也行。
如此等等,现时用户的闭塞如同没写datum的复数库。,执意说,可供使用的的,它是在革新喊出名字以寻找继后融化的吗?是的,可是告知你你能做什么。

初学者的好运气运用

4。在决定性的一步,我们的用转学某jQuery目标的办法设定初值了第一弹幕播放器,并使铭记稍许地限制因素(SRC),width,地平纬度)。实际上,为了办法有以下限制因素(此外电视源),,是科郎前面的Windows 默许值,        //电视源
height: 450,             //播放器的地平纬度
width: 800,玩家的宽度,最小宽度倒退是720
speed: 20000,弹幕击毁,经过电视的手写本数。
danmuss: {},默许danmuss目标(他日绍介)
default_font_color: "#FFFFFF",默许的弹幕的色
font_size_small: 16,小的闭塞字号,请睬,此属性值唯一的是圆整数。
font_size_big:28,大的弹幕字号
不清澈的:1,默许弹幕的传动装置
top_botton_danmu_time: 6000,喝彩和顶部的弹幕明
url_to_get_danmu: "",               //用来接纳弹幕物的url  (他日绍介)
url_to_post_danmu: ""               //用来往事弹幕物的url  (他日绍介)
5。在这偏袒的,DanmuPlayer绍介两种JS目标Minasan,胆木目标和danmuss目标。
胆木目标是指第一指定的弹幕和物,它具有以下属性:主题闭塞主题材料。 
色闭塞色。 position――弹幕得第二名 “0”为骨碌 “1” 为顶部 “2”为喝彩 
规模-闭塞主题规模。0字的1字
时期-弹幕的时期。每分钟(单位为1/10秒),100手写本)
Isnew -- when the attribute is present (attribute value is arbitrary),据我的观点这是第一新的用户,因而弹幕在表演的时辰会有第一不明确的。 引用: var a_danmu={ "text":"2333333" ,色:绿色,规模:1,得第二名:0,时期:60 };显示不明确的的新弹幕:var a_danmu={ "text":"2333333" ,色:绿色,规模:1,得第二名:0,时期:60,"isnew":" "}; danmuss目标是该弹幕电视中主宰danmu目标的集中,它的在是为了增大顺序的生产率。。
每个danmuplayer正是第一duamss目标。DanmuPlayer在运转时会把每个danmu目标写danmuss目标。
因时期dammuss弹幕的每个属性目标清晰度(秒),属性值为该时期点所呈现的主宰弹幕的danmu目标(除掉time属性的)所结合的障碍物。
诸如:var danmuss={ 1:[ { "text":"hahahaha" ,色:白色,规模:0,得第二名:0}, 
{ "text":"233333" ,色:白色,规模:0,得第二名:2},
3:【{主题:甘薯,色:白色,规模:1,得第二名:1}, 
{ "text":"2333" , "color":"#FFFFFF" ,规模:0,得第二名:0} ],
 50:[ { "text":"XXX真好" , "color":"#FFFFFF" ,规模:0,得第二名:2}, ] };
有第一可选的限制因素danmuplayer设定初值时,danmuss,它的值应该是第一合法的danmuss目标。为了限制因素,danmuplayer将复杂的dannuss在限制因素值在银幕上。(为danmuss目标),以防你不理解它一段时期,你可以附近它。,一点运用)
6。在这偏袒的,告知Minasan什么衔接到后端往事的datum的复数继承顺序。danmuplayer供应地平纬度封装和后端的Ajax交互式视频设备int,只需求修正乐器的吹口的第一或两个后端喊出名字以寻找。。

当设定初值danmuplayer,两个限制因素url_to_get_danmu和url_to_post_danmu执意用来和后端衔接的。url_to_get_danmu接到弹幕,url_to_post_danmu用来往事弹幕。url_to_get_danmu和url_to_post_danmu承认的限制因素都是url。

当DanmuPlayer堆积喊出名字以寻找,会向url_to_get_danmu所对应的喊出名字以寻找发送Get销路,url_to_get_danmu对应喊出名字以寻找的http作出反应教训的材料中应该是第一由danmu目标结合的js障碍物(字母串同次多项式)。"[''{danmmu目标1}'',''{danmu目标2}'',...,''{danmu目标n}'']"很的字母串(遵照JSON体式普遍的)(在教训中是没最里面的单引号的)(睬:每旦暮目标包在单引号,不同的会形成致命的看错。。
当用户发送闭塞音讯时,DanmuPlayer向url_to_post_danmu发送post销路,教训的材料是用户所发弹幕的danmu目标(字母串)(遵照JSON体式普遍的)。

在demo&doc清单中有第一简略的php版的url_to_get_danmu和url_to_post_danmu所对应喊出名字以寻找的写信示例:
有第一Danmu的ID)技术援助委(这句可以疏忽,境遇请参阅文章。。您可以直觉的使再次发生上面的法典声明,庶快要紧接地处置:

断交弹幕:$(''#danmu'').danmu(''danmu_pause''); 断交后持续:$(''#danmu'').danmu(''danmu_resume''); 中止弹幕:$(''#danmu'').danmu(''danmu_stop'');  即时增大弹幕:$(''#danmu'').danmu("add_danmu",Danmu的新典型的目标);获取现在的时期的弹幕弹幕:$(''#danmu'').data("nowtime"); 设置弹幕运转的现在的时期(单位为分秒):$(''#danmu'').data("nowtime",新时期)旋转弹幕清澈的:胆木)datum的复数(不清澈的。,新清澈的度值)。它发生断交社会地位吗?:(#胆木)datum的复数(断交)。

如此等等办法

8。因danmuplayer鉴于组成,因而快要主宰的乐器的吹口可用于danmuplayer。
文章和论文地址:https://github.com/videojs//DanmuPlayer在内面的界限了第一名字叫做danmu_video的大局videojs目标,可以对danmu_video运用的什么办法及相当的事情处置等。
9。睬:鉴于对danmuplayer内面的构件的命名普遍的,它快要可以与什么如此等等前端可插件伴随。。可是,正是第一danmuplayer页上容许。此缺陷可能性在后来地版本中有所改善。。以防你需求在第一喊出名字以寻找上运用多个danmuplayer,可以运用帧像章。

批准

你可以自在运用为了文章。,只需将社交聚会正文添加到文章中:DanmuPlayer (//) - Licensed under the MIT license

发表评论

电子邮件地址不会被公开。 必填项已用*标注