npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

subtitle-editor

v1.0.0

Published

|异常状态码|对应文案| |:-:|:-:| |1001|输入时间格式错误| |1002|时间间隔过小| |1003|时间间隔异常| |1004|时间轴不能为空| |2001|字幕文本解析失败|

Downloads

2

Readme

subtitle-editor

异常状态表

|异常状态码|对应文案| |:-:|:-:| |1001|输入时间格式错误| |1002|时间间隔过小| |1003|时间间隔异常| |1004|时间轴不能为空| |2001|字幕文本解析失败|


Prop

|参数|详情|默认值| |:-:|:-:|:-:| |enSubtitlesText|英文字幕文件数据|''| |zhSubtitlesText|中文字幕文件数据|''| |subtitleInterval|2条字幕轴的最小时间间距,小于此值将无法新增字幕轴|2| |timeInterval|字幕轴开始和结束时间最小差距,小于此值:1.字幕文件中不合法的将会被合并 2.时间无法修改|0.5| |currentTime|决定了高亮的字幕轴|0| |wrapHeight|容器高度|300| |prefixCls|样式前缀,只需要在完全重写样式的时候修改它|'subtitle-editor'| |timeReadOnly|时间只读,为true将无法修改时间|false| |itemHeight|字幕轴高度,在完全重写样式字幕轴高度发生改变的情况下修改它,它会影响高亮字幕组自动出现在视口的功能|88|


Event

|事件名|参数|详情| |:-:|:-:|:-:| |on-current-time-change|currentTime, target(此参数用来标识此事件的请求主体,没用可忽略)|currentTime发生改变的时候触发事件| |on-timed-line-error|{errcode:xxx, errmsg: ''}|参考异常状态表| |on-merge-timed-lines|{mergeIndexes: Array 合并的2条字幕轴的下标(从0开始的)}|点击合并按钮时 并不会直接合并 会触发此事件| |on-delete-time-line|index:删除时间轴的下标|点击删除按钮时 并不会直接删除 会触发此事件|


Method

|方法名|参数|详情| |:-:|:-:|:-:| |mergeTimedLines|indexes 合并的2条字幕轴下标|触发on-merge-timed-lines事件后 如果需要合并请调用此方法| |deleteTimedLine|index 删除的字幕轴下标|触发on-delete-time-line事件后 如果需要删除请调用此方法| |getSubtitleText|void|获取当前字幕文本 返回结果为 {biSubtitle: '',enSubtitle: '',zhSubtitle: ''}这样的对象|