Я использую модульact-plyr в проекте, для которого требуются подписи, и, к сожалению, я не могу заставить его работать. К сожалению, этому модулю не хватает правильной страницы github, поэтому невозможно напрямую работать с сообществом.
Моя текущая настройка довольно проста
<Plyr
enable={state.src ? true : false}
ref={video}
type="video"
videoId={state.src}
autoplay
iconUrl={Icons}
settings={['captions']}
controls={['play', 'progress', 'captions', 'current-time', 'mute']}
captions={{ active: true, language: 'en', update: true }}
tracks={[{
kind: 'captions',
label: 'English test',
srclang: 'en',
src: state.track ? state.track.src : '',
default: true
}]}
/>
Когда я консоль регистрирую свой video
ref in useEffect
, привязанный к state.track
Я получаю хороший результат, если мой плеер содержит мой трек с нужным содержимым и т. д. c
captions:
active: true
currentTrack: 0
meta: WeakMap {TextTrack => {…}}
toggled: false
language: "en"
languages: (3) ["fr", "en", "fi"]
currentTrackNode: TextTrack {kind: "captions", label: "English test ...
Проблема, с которой я сталкиваюсь, когда копаю немного дальше, внутри currentTrackNode
в моем предыдущем блоке кода, я нахожу
kind: "captions"
label: "English test"
language: "en"
id: ""
mode: "hidden"
cues: TextTrackCueList {0: VTTCue, 1: VTTCue, 2: VTTCue, 3: VTTCue, 4: VTTCue, 5: VTTCue, 6: VTTCue, 7: VTTCue, 8: VTTCue, 9: VTTCue, 10: VTTCue, 11: VTTCue, 12: VTTCue, 13: VTTCue, 14: VTTCue, 15: VTTCue, 16: VTTCue, 17: VTTCue, 18: VTTCue, 19: VTTCue, 20: VTTCue, 21: VTTCue, 22: VTTCue, 23: VTTCue, 24: VTTCue, length: 25}
activeCues: TextTrackCueList {length: 0}
oncuechange: null
Как вы можете видеть, есть режим "скрытый", от которого я не могу избавиться, я пробовал много разных вещей и Я чувствую, что здесь чего-то не хватает.
Я пробовал ярлыки типа "c", чтобы включить подписи, а также селектор подписей, но эти попытки не дали никакого решения.
Если у кого-то есть лучшее представление о "почему" или «как», сними свои идеи
Большое спасибо!