在HTML5軌道元素中獲取提示

在測試HTML5軌道元素時，提示將顯示爲空。 TextTrackList和track元素似乎可以加載。另外，我知道VTT文件不能在本地訪問，並且正在服務器上進行測試。任何人都可以幫忙嗎？提前致謝。在HTML5軌道元素中獲取提示

這是我的javascript：

 var audioElement = document.querySelector("audio"); 
     var textTracks = audioElement.textTracks; 
     var textTrack = textTracks[0]; 
     var ques = textTrack.cues; 
     var que = ques[0]; 
     console.log(que);

這裏的HTML：

 <audio src="Audio Files/Q_firefox.ogg" controls> 
     <track src="cues.vtt"></track> 
     </audio>

來源

2013-01-18 Nathan Crabtree

只是在以下情況下，您正在嘗試使用Firefox .... 您是否知道當前在Firefox中不支持track元素？ – kr1

感謝您的回覆。我已在Chrome中進行測試，結果也一樣。 –

我一直無法使音頻播放器顯示文本（Linux上的chrome瀏覽器）。但是，如果您將ogg文件放在'

的提示值變化軌跡播放，所以你需要監聽的價值變化和運行函數中的每個時間文本更改。嘗試根據您的問題，這個例子：

var audioElement = document.querySelector("audio"); 
 
var textTrack = audioElement.textTracks[0]; 
 

 
// When cue value changes run your code 
 
textTrack.oncuechange = function(e) { 
 
    var cue = this.activeCues[0]; 
 
    if(cue){ 
 
    console.log(cue.text); 
 
    } 
 
}

<audio src="http://html5-demos.appspot.com/static/video/track/Google_Developer_Stories.webm" controls> 
 
    <track src="http://html5-demos.appspot.com/static/video/track/video-subtitles-en.vtt" default> 
 
</audio>

還要注意沒有必要關閉HTML標記的軌道。

來源

2016-11-21 16:07:29

在HTML5軌道元素中獲取提示

回答

相關問題