使用<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

使用<video>和<track>

回答

相關問題