ABPlayerHTML5 基于 ABPlayer 的 Flex3 架构的在线弹幕播放器子项目

Question

ABPlayerHTML5 是一个 ABPlayer 的子项目。通过把ABPlayer的核心弹幕类重写成JS来实现一个简单但是能 高度整合HTML5的原生弹幕播放控件。目前我们支持大部分的移动端和桌面端。

如果你对项目的效果感兴趣，请 戳这里 来观 看本项目在你浏览器下的效果。我们欢迎有关项目呈现BUG的报告。请使用Github自带的issues发布新的Issue。

项目状态

本项目目前采取 CommentCoreLibrary 稳定版作为弹幕的后端支持库。这样我们就可以高效的还原高级弹幕 同时也有自建的Acfun和Bilibili格式解析器。本项目兼容大部分最新版本的浏览器，包括Chrome，Firefox Safari和IE。项目中不包括对脚本弹幕的支持，因为脚本弹幕的使用率并不很高，而添加支持代码则会让维护 变得困难。

以前版本的旧文件在新版下不会保留，如果需要使用旧的界面，请 checkout 更早的 commit。

移动终端

本播放器自带对大部分支持HTML5的移动终端的支持，包括简单的手势支持和界面优化。不过值得注意的是iPhone 和iPod很可能无法正确还原弹幕，因为这些设备上视频由设备接管，不能内嵌在浏览器中。

弹幕核心通用构件

ABPlayerHTML5用 CommentCoreLibrary 作为播放器的弹幕支持后端。采用的是 CCL 的发行稳定版（即 有版本号的在 npm 上注册的版本）。CCL由于还在未成熟阶段，所以开发中可能出现API变动，ABPlayerHTML5 只会在这些API变动正式化后才跟进，所以采取自行编译版本的CCL可能会与ABP产生衔接问题，需要开发者注意。

ABP Instance

You will get an ABPlayerHTML5 Instance object when you bind to a new player using either ABP.bind() or ABP.create. This instance object allows you to fine tune the inner runnings of ABPlayerHTML5.

Properties

Depending on whether the bind was successful you may or may not have gotten some properties. It is strongly recommended that you check for existance before invoking.

• btnPlay This is the div element for the play/pause button.
• barTime This is the div element for the playtime progress.
• barLoad This is the div element for the loading progress.
• btnFull This is the div element for the fullscreen button.
• btnDm This is the div element for the danmaku on/off button. (Also overridable as settings button)
• video This is the video element underlying the player.
• txtText This is the input element for the danmaku text.
• cmManager This is the CommentManager object for controlling danmaku comments. For details see documentation for CommentCoreLibrary.
• divComment This is the div element for comments layer.

Methods

These methods are defined in the instance too. However they may fail if the instance was not correctly initialized.

• createPopup(text, delay) Creates a popup with the text values that will vanish after delay (ms) Will remove any currently displaying popup. Only one popup may be displayed at a time.
• removePopup() Forces removal of a popup if it exists. Does nothing if it doesn't.

项目地址：https://github.com/jabbany/ABPlayerHTML5