cloudinsky 发表于 2013-5-24 16:01

从技术上,HTML5能实现A,B站的视频弹幕功能么?

虽然HTML5的视频还比较少(一般是IOS设备会跳转)

但是比flash好多了吧...

所以,好奇的想了解下,一个HTML5的视频,实现弹幕困难么

wtyrambo 发表于 2013-5-24 16:05

毫无压力，B站2年前其实就编写了个有弹幕的视频播放器，为什么不上线估计还是因为广告之类的理由吧

heliosu 发表于 2013-5-24 16:10

JavaScript无所不能

sha 发表于 2013-5-24 16:13

B站用iOS看就是html5的播放器，感觉卡

——— 来自Stage1st Reader Evolution For iOS

qwased 发表于 2013-5-24 16:39

没有高清h264视频源就吃鳖
b站啥时候能离开新浪啥时候就能全线html5

----发送自 OUSHENG iOCEAN X7,Android 4.2.1

qwased 发表于 2013-5-24 16:41

其实土豆的豆泡就有html5版，非常牛逼，不过好像不支持高级弹幕

----发送自 OUSHENG iOCEAN X7,Android 4.2.1

uroko 发表于 2013-5-24 16:46

查了下ontimeupdate目测做弹幕无压力。要塞广告用js实现理论上也完全可以。
不过这玩意浏览器支持是个问题。比方说好像傻逼ff现在还不支持mp4格式？(似乎是某站资料太老)

heliosu 发表于 2013-5-24 17:01

引用第3楼sha于2013-05-24 16:13发表的:
B站用iOS看就是html5的播放器，感觉卡

——— 来自Stage1st Reader Evolution For iOS images/back.gif


那cpu用flash会更卡的……

Gal3rielol 发表于 2013-5-24 17:48

java script:(function()%7Bvar%20l%20=%20document.createElement('link');l.setAttribute('rel','stylesheet');l.setAttribute('media','all');l.setAttribute('href','http://zythum.sinaapp.com/youkuhtml5playerbookmark/youkuhtml5playerbookmark2.css');document.body.appendChild(l);var%20s%20=%20document.createElement('script');s.setAttribute('src','http://zythum.sinaapp.com/youkuhtml5playerbookmark/youkuhtml5playerbookmark2.js');document.body.appendChild(s);%7D)();


添加以上代码作为一个浏览器书签, 然后随便开一个B站视频, 再点击刚才的书签.
会弹出HTML5的播放器, 有弹幕.

PS. iPad上也有效. 可以看高清.

java script会被替换, 请去掉空格....

vving 发表于 2013-5-24 17:51

四点 发表于 2013-5-24 18:14

已经实现了
但是因为调用的低清h264源所以....

benjin 发表于 2013-5-24 19:06

首先，其实无论是A站还是B站的这种弹幕都是起源于NICO这个网站，然而NICO已经成功的转变成HTML5的依然还带有弹幕功能，所以其实AB站一样也能转变，只不过什么时候转就得问他们自己了

神之领域 发表于 2013-5-24 21:54

引用第8楼Gal3rielol于2013-05-24 17:48发表的:
java script:(function()%7Bvar%20l%20=%20document.createElement('link');l.setAttribute('rel','stylesheet');l.setAttribute('media','all');l.setAttribute('href','http://zythum.sinaapp.com/youkuhtml5playerbookmark/youkuhtml5playerbookmark2.css');document.body.appendChild(l);var%20s%20=%20document.createElement('script');s.setAttribute('src','http://zythum.sinaapp.com/youkuhtml5playerbookmark/youkuhtml5playerbookmark2.js');document.body.appendChild(s);%7D)();


添加以上代码作为一个浏览器书签, 然后随便开一个B站视频, 再点击刚才的书签.
会弹出HTML5的播放器, 有弹幕.
....... images/back.gif

@Gal3rielol , 请问怎样在iPad上将以上代码保存为书签？

bubuyu 发表于 2013-5-24 22:23

优酷的HTML5已经开始塞广告了...

a4840639 发表于 2013-5-24 22:28

引用第12楼神之领域于2013-05-24 21:54发表的:

@Gal3rielol , 请问怎样在iPad上将以上代码保存为书签？ images/back.gif


先随便保存一个书签，再编辑

白左 发表于 2013-5-25 00:01

Jet.Black 发表于 2013-5-25 00:08

引用第15楼白左于2013-05-25 00:01发表的:
Javascript是图灵完备的 images/back.gif

其实，现在就连SQL也是图灵完备的。

神之领域 发表于 2013-5-25 00:33

引用第14楼a4840639于2013-05-24 22:28发表的  :


先随便保存一个书签，再编辑
images/back.gif


ipad的Safari上书签可以编辑？

的确可以编辑。。不过loading很久，而且即使是1080p，貌似也是屎画质，看来跟HTML5的片源有关

endrollex 发表于 2013-5-25 00:45

随便做个玩玩，应该不难，开源播放器+一点JS，720p
http://endrollex.com/index.php?p=201304051014_rp_mi_

暁美ほむら 发表于 2013-5-25 07:26

引用第6楼uroko于2013-05-24 16:46发表的:
查了下ontimeupdate目测做弹幕无压力。要塞广告用js实现理论上也完全可以。
不过这玩意浏览器支持是个问题。比方说好像傻逼ff现在还不支持mp4格式？(似乎是某站资料太老) images/back.gif

火狐早支持了，你有多lag

万恶淫猥手 发表于 2013-5-25 22:26

http://zythum.sinaapp.com/youkuhtml5playerbookmark/
妈妈再也不用担心我的macbook发烫了计划2.0Beta，加入书签之后很方便，就是码率不够以外，还能跳过广告啥的很不错

osk666 发表于 2013-5-26 05:11

starrin 发表于 2013-5-27 06:09

引用第8楼Gal3rielol于2013-05-24 17:48发表的:
java script:(function()%7Bvar%20l%20=%20document.createElement('link');l.setAttribute('rel','stylesheet');l.setAttribute('media','all');l.setAttribute('href','http://zythum.sinaapp.com/youkuhtml5playerbookmark/youkuhtml5playerbookmark2.css');document.body.appendChild(l);var%20s%20=%20document.createElement('script');s.setAttribute('src','http://zythum.sinaapp.com/youkuhtml5playerbookmark/youkuhtml5playerbookmark2.js');document.body.appendChild(s);%7D)();


添加以上代码作为一个浏览器书签, 然后随便开一个B站视频, 再点击刚才的书签.
会弹出HTML5的播放器, 有弹幕.
....... images/back.gif

试了一下，这弹幕不会滚动
页: [1]
查看完整版本: 从技术上,HTML5能实现A,B站的视频弹幕功能么?