问题标签 [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.
jquery - 如何在 JWPlayer 中使用 WebVTT 文件创建脚本?
我们在网站上使用 JWPlayer,现在我们需要在其中添加文字字幕。
我无法创建基于普通 HTML 代码的示例应用程序。我已经阅读了各种教程,但对我没有任何帮助:
正是我们想要实现这种类型的 UI 和功能:
任何指导都会有所帮助。
jwplayer6 - JWPlayer 互动脚本
我很难实现 JWPlayer 的交互式成绩单,如下所示:http://demo.jwplayer.com/iframes/interactive-transcript/ 搜索 表明我并不孤单。这方面的教程将是最有帮助的。
我已经使用源代码尝试了几种变体。似乎脚本是从 captions.vtt 文件动态生成的。这个对吗?我在 JW 的服务器上找不到或无法访问此文件。
在源代码第 133、168 和 191 行的本地安装(MAMP)中,我已将路径替换为本地文件的路径,但无济于事。我尝试使用包含创建的脚本的“生成”源代码,但交互操作仍然失败。
任何帮助,将不胜感激。
javascript - Google chrome javascript append 不会添加所有节点
Video.js
您好,我有一个简单的 Javascript 代码,可以使用和将视频转录附加到 div 中videojs-transcript
。它在 Firefox 中运行良好,但在 Google Chrome 中,当转录太长时,它会附加不到一半。此外,当我刷新时,它每次都会在不同的节点中停止。
产生错误的简单测试代码:
编辑:在videojs-transcript
文件中,当我尝试运行时alert(cues.length)
,createTranscriptBody
它显示的内容比我在 Firefox 中得到的要少得多。
编辑 2:我发现问题出createTranscriptBody
在videojs-transcript.js
. 它在 vtt 文件完全加载之前开始向 div 添加提示。有没有办法让它等待 vtt 在不使用超时的情况下完全加载?