Работает с <video> и <track>

Как работать с <track> в видео? Я хочу получить слово из текста дорожки, когда мышь на этом слове.Работает с <video> и <track>

var track = document.getElementById('ger').track; 
 
var cues = track.cues; 
 
var active_cues = track.activeCues; 
 
var text = active_cues[0].text; 
 
console.log(text);

<video id="video" width="320" height="240" controls> 
 
    <source src="Video/video.mp4" type='video/mp4'> 
 
    <track id="ger" kind="subtitles" src="Video/Twitter_in_Plain_English_ger.vtt" srclang="de"> 
 
</video>

источник

2017-02-22 Sasha Dzuruk

Вы сказали нам, что хотите, но вы не сказали нам, с какой частью у вас проблемы. Пожалуйста, будьте конкретны. –

Мне нужно получить слово из текста субтитров, когда мышь на слове, но я не знаю, как это сделать. –

На основе документации для треков я думаю, что вы хотите, будет выглядеть примерно так:

var videoElement = document.querySelector("video");//get video element where you want tracks 
var track = videoElement.textTracks[0]; //get first track element that contains cues 
var activeCue = track.activeCues[0]; //get first active cue 
var cueText = activeCue.text; // get the text of active cue 
console.log(cueText); display text in dev console

Кроме того, здесь хороший полный учебник по с использованием композиций: https://www.html5rocks.com/en/tutorials/track/basics/

источник

2017-03-20 22:31:14 l33tstealth

ответ

Смежные вопросы