srt-player文档

欢迎广大开发者将此文档翻译为其他语言。

CDN引入方式

必须引入srt-player.js

可选引入srt-player.css

NPM安装

$ npm install srt-player

import引入方式

import SrtPlayer from 'path/to/srt-player';

require引入方式

const SrtPlayerClass = require("path/to/srt-player");

如何使用

初始化SRT文件，生成与SRT文件相关的所有div

const player = SrtPlayer.init(srtText);

播放SRT文件

player.play();

暂停播放SRT文件

player.pause();

继续播放SRT文件

player.resume();

重新播放SRT文件

player.replay();

删除与SRT文件相关的所有div，重置SRT文件播放状态

player.destroy();

设置SRT文件播放进度（秒）

player.setTimeSecond(seconds);

设置SRT文件播放进度（毫秒）

player.setTimeMillisecond(milliseconds);

在线演示

仅使用srt-player.js，而不使用srt-player.css

同时使用srt-player.js和srt-player.css

常见用例

HTML播放器

在HTML播放器中，可以将本项目用于播放视频字幕文件。

纵向滚动显示字幕

本项目可以将字幕纵向滚动显示，只需要将字幕按SRT格式编写即可。

提词器

本项目可以用作提词器，在直播、视频录制或音频录制场景中使用。

引用srt-player

如果你在学术研究中涉及srt-player，那么可以按需引用以下内容。

srt-player源码(BibTeX)

@misc{CNOCTAVE2025, author = {Yu Hongbo, }, title = {srt-player}, year = {2025}, howpublished = {\url{https://github.com/CNOCTAVE/srt-player}}, }

srt-player文档(BibTeX)

@techreport{CNOCTAVE2025, author = {Yu Hongbo, }, title = {srt-player Document}, institution = {BA DU XIN SHANG}, year = {2025}, number = {16}, month = {6}, url = {https://cnoctave.github.io/srt-player/index.html}, urldate = {2025-06-16}, }