如何在React Native Video中显示和隐藏字幕

时间:2018-12-19 19:05:47

标签: react-native react-native-video

在运行时是否可以使用(启用/禁用)正在运行的视频字幕?我实际上正在使用这个包:https://github.com/abbasfreestyle/react-native-af-video-player,并没有直接显示如何使用它们,而是转到了react-native-video组件。 (这是在af视频播放器的内部),所以我尝试使用textTracks和selectedTextTrack属性使其正常工作,并尝试修改常规状态并在以下两者之间进行切换:

selectedTextTrack={{
  type: "title",
  value: "English Subtitles"
}}

selectedTextTrack={{
      type: "disabled",
      value: "English Subtitles"
}}

文档和说明该问题的确切方法是在这里:https://github.com/react-native-community/react-native-video/issues/1044字幕正在起作用,但是如何禁用它们,有人知道如何正确执行吗?

1 个答案:

答案 0 :(得分:0)

测试一下。可能有效

constructor(props) {
    super(props);
    this.state = {
       ...
        type:'title'

    };
}


...
render(){
   return(
      <Video
           ...
           selectedTextTrack={{
               type: this.state.type,
               value: "English Subtitles"
           }}
      />
  )

}


onuttonClick = () =>{
   this.setState({type:'disable});
}