如何在 React Native Video 中显示和隐藏字幕
How to show and Hide Subtitles in React Native Video
有没有办法在运行时使用 (enable/disable) 运行 视频的字幕?我实际上正在使用这个包: 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 字幕可以正常工作,但是如何禁用它们,有人知道如何正确地做到这一点吗?
测试一下。可能工作
constructor(props) {
super(props);
this.state = {
...
type:'title'
};
}
...
render(){
return(
<Video
...
selectedTextTrack={{
type: this.state.type,
value: "English Subtitles"
}}
/>
)
}
onuttonClick = () =>{
this.setState({type:'disable});
}
有没有办法在运行时使用 (enable/disable) 运行 视频的字幕?我实际上正在使用这个包: 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 字幕可以正常工作,但是如何禁用它们,有人知道如何正确地做到这一点吗?
测试一下。可能工作
constructor(props) {
super(props);
this.state = {
...
type:'title'
};
}
...
render(){
return(
<Video
...
selectedTextTrack={{
type: this.state.type,
value: "English Subtitles"
}}
/>
)
}
onuttonClick = () =>{
this.setState({type:'disable});
}