问题标签 [interactive-transcript]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
802 浏览

jquery - 如何在 JWPlayer 中使用 WebVTT 文件创建脚本?

我们在网站上使用 JWPlayer,现在我们需要在其中添加文字字幕。

我无法创建基于普通 HTML 代码的示例应用程序。我已经阅读了各种教程,但对我没有任何帮助:

正是我们想要实现这种类型的 UI 和功能:

任何指导都会有所帮助。

0 投票
0 回答
437 浏览

jwplayer6 - JWPlayer 互动脚本

我很难实现 JWPlayer 的交互式成绩单,如下所示:http://demo.jwplayer.com/iframes/interactive-transcript/ 搜索 表明我并不孤单。这方面的教程将是最有帮助的。

我已经使用源代码尝试了几种变体。似乎脚本是从 captions.vtt 文件动态生成的。这个对吗?我在 JW 的服务器上找不到或无法访问此文件。

在源代码第 133、168 和 191 行的本地安装(MAMP)中,我已将路径替换为本地文件的路径,但无济于事。我尝试使用包含创建的脚本的“生成”源代码,但交互操作仍然失败。

任何帮助,将不胜感激。

0 投票
1 回答
80 浏览

javascript - Google chrome javascript append 不会添加所有节点

Video.js您好,我有一个简单的 Javascript 代码,可以使用和将视频转录附加到 div 中videojs-transcript。它在 Firefox 中运行良好,但在 Google Chrome 中,当转录太长时,它会附加不到一半。此外,当我刷新时,它每次都会在不同的节点中停止。

产生错误的简单测试代码:

编辑:在videojs-transcript文件中,当我尝试运行时alert(cues.length)createTranscriptBody它显示的内容比我在 Firefox 中得到的要少得多。

编辑 2:我发现问题出createTranscriptBodyvideojs-transcript.js. 它在 vtt 文件完全加载之前开始向 div 添加提示。有没有办法让它等待 vtt 在不使用超时的情况下完全加载?