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

cloudinsky

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

但是比flash好多了吧...

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

wtyrambo

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

heliosu

JavaScript无所不能

sha

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

——— 来自Stage1st Reader Evolution For iOS

qwased

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

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

qwased

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

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

uroko

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

heliosu

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

——— 来自Stage1st Reader Evolution For iOS

那cpu用flash会更卡的……

Gal3rielol

1. 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会被替换, 请去掉空格....

四点

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

benjin

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

神之领域

引用第8楼Gal3rielol于2013-05-24 17:48发表的  :

1. 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的播放器, 有弹幕.
.......

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

bubuyu

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

a4840639

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

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

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

Jet.Black

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

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

神之领域

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


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

[strike]ipad的Safari上书签可以编辑？[/strike]

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

endrollex

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

暁美ほむら

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

火狐早支持了，你有多lag

万恶淫猥手

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

starrin

引用第8楼Gal3rielol于2013-05-24 17:48发表的  :

1. 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的播放器, 有弹幕.
.......

试了一下，这弹幕不会滚动