如何隐藏互动字幕中的时间戳。

huangapple go评论59阅读模式
英文:

How to hide Timestamps from interactive transcript

问题

I'm making an interactive ebooks for personal use based on the site example below:
https://umd-mith.github.io/webvtt-player

The site uses a VTT file and an audio file.

I'd like to hide the time stamps which the JavaScript code needs however for read ability purposes I’d like to hide the timestamps.

Any Help is appreciated and I'm assuming this is simple and I'm just overlooking the obvious.

I still want the rest of the transcript to show and be interactive but hide the timestamps completely on the left (hidden so the rest of the javascript still syncs to audio).

I haven't done much coding in a while and when I save a copy of the HTML and use examples found at the site below it will either hide the entire transcript or do nothing.

https://stackoverflow.com/questions/6242976/javascript-hide-show-element

英文:

I'm making an interactive ebooks for personal use based on the site example below:
https://umd-mith.github.io/webvtt-player

The site uses a VTT file and an audio file.

I'd like to hide the time stamps which the JavaScript code needs however for read ability purposes I’d like to hide the timestamps.

Any Help is appreciated and I'm assuming this is simple and I'm just overlooking the obvious.

I still want the rest of the transcript to show and be interactive but hide the timestamps completely on the left (hidden so the rest of the javascript still syncs to audio).

I haven't done much coding in a while and when I save a copy of the HTML and use examples found at the site below it will either hide the entire transcript or do nothing.

https://stackoverflow.com/questions/6242976/javascript-hide-show-element

答案1

得分: 0

你可以只需添加以下CSS:

.webvtt-player .time {
    display: none;
}
.webvtt-player .text {
    margin: 0;
}
英文:

You can just add the following CSS:

.webvtt-player .time {
    display: none;
}
.webvtt-player .text {
    margin: 0;
}

huangapple
  • 本文由 发表于 2023年4月4日 04:47:18
  • 转载请务必保留本文链接:https://go.coder-hub.com/75923649.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定