介绍
videojs-frankly-ttml 是一款基于 video.js 播放器的 npm 包，它支持在视频中添加时间轴文字（TTML 字幕）。
安装
npm install videojs-frankly-ttml --save
使用
-- -------------------- ---- ------- -- ---- ------ ------- ---- ----------- ------ ----------------------- -- -- -------- -- ----- ------ - -------------------- -- -- ---- -- -------------------- ---- ---------------------------------- ---
API
.franklyTtml(options)
-- -------------------- ---- -------
--------------------
---- -----------------------------------
---------- -
------- ---------
--
--------- -
------ -------
---------------- -------
-
---options.url (required)
传入一个 TTML 字幕文件的 URL 地址，插件将从该 URL 加载 TTML 字幕文件。
options.namespace.prefix (optional)
自定义 XML 命名空间的前缀，默认为 frankly。用于避免字幕样式冲突。
options.cueStyle.color 和 options.cueStyle.backgroundColor (optional)
设置 TTML 字幕的颜色和背景颜色。
示例代码
-- -------------------- ---- -------
--------- -----
------
------
----- ---------------- ------------------------------------------ --
-------
------
------
-------------
--------------- -----------------
--------
--------------
-----------
------------
----------------------------------------------------------
-
------- ------------------------------------- ---------------- --
--------
------- -----------------------------------------------
------- ---------------------------------------
--------
----- ------ - --------------------
--------------------
---- -----------------------------------
--------- -
------ -------
---------------- -------
-
---
---------
-------
-------结语
videojs-frankly-ttml 插件为视频中添加字幕提供了非常方便的解决办法。如果您有任何问题或建议，请在 GitHub 仓库 中提交 issue。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005620f81e8991b448df781