ABPlayerHTML5 基于 ABPlayer 的 Flex3 架构的在线弹幕播放器子项目 - 文章教程

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

发布于 2021-10-10 字数 3168 浏览 803 评论 0

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

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2512 文章
30 评论
81892 人气
更多

推荐作者

qq_iQVWB

文章 0 评论 0

gyhjy

文章 0 评论 0

dianjvnan

文章 0 评论 0