1

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

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

<head>
    <script src="https://vjs.zencdn.net/4.12/video.js"></script>
    <script src="https://walsh9.github.io/videojs-transcript/dist/videojs-transcript.js"></script>
</head>
<body>
    <video id="video" crossorigin="anonymous">
          <source src="https://pvclouddev.blob.core.windows.net/filescontainer/15TestLarge_1587760757304.mp4" type="video/mp4">
          <track kind="captions" src="https://pvclouddev.blob.core.windows.net/filescontainer/790d31e9-d38d-48f4-87d5-9e9959acc39a.vtt" srclang="en" label="English" default>
    </video>
    <div id="transcript"></div>
    <script>
        var video = videojs('video').ready(function(){
          // Set up any options.
          var options = {
            showTitle: false,
            showTrackSelector: false,
          };

          // Initialize the plugin.
          var transcript = this.transcript(options);

          // Then attach the widget to the page.
          var transcriptContainer = document.querySelector('#transcript');
          transcriptContainer.appendChild(transcript.el()); 
        }); 
    </script>
</body>

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

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

4

1 回答 1

0

通过将 videoJs 版本从 4.12 更改为 7.6.6 来修复，这是 js 链接： https ://vjs.zencdn.net/4.12/video.js

于 2020-05-11T14:22:41.967 回答