reactjs - ReactPlayer 字幕未显示

Question

我对ReactPlayer组件有疑问。我正在尝试使用配置属性上传字幕（曲目），但它没有显示在视频上。

我在 Chrome 上运行这个项目。在 Networks 中，我发现我的请求因错误“blocked:origin”而被阻止，这就是我添加的原因：

attributes: {
    crossOrigin: 'true'
}

这是我的ReactPlayer组件：

<ReactPlayer
    url='video/myVideo'
    className="myClass"
    config= {
        file: {
            attributes: {
                crossOrigin: 'true'
            },
            tracks: [
                {kind: 'subtitles', src: 'subs/mySubtitle', srcLang: 'en', default: true}
            ]
        }
    }
/>

另外，我正在使用 React v16.2.0和 ReactPlayer v0.25.3。

Answer 1

不确定您是否找到了解决方案，但这对我有用（如果您使用绝对路径）：

    import introVideoText from 'assets/impacti_intro.vtt';

然后

    config={{
              file: {
                tracks: [
                  {
                    kind: 'subtitles',
                    src: introVideoText,
                    srcLang: 'en',
                    default: true,
                  }
                ],
              },

Answer 2

同样的问题！

 tracks:        [
                            {
                                kind: 'subtitles',
                                src: this.state.trackUrl,
                                srcLang: 'en',
                                default: true,
                            },

                        ]