HTML Audio textTracks用法及代碼示例

HTML DOM音頻textTracks屬性用於返回TextTrackList對象。 TextTrackList對象代表音頻的可用文本軌道。每個可用的文本軌道都由一個TextTrack對象表示。

用法:

audioObject.textTracks

返回值：它返回一個TextTrackList對象，該對象表示音頻的可用文本軌道。
TextioTrackList對象為：

長度：它用於獲取音頻中可用文本軌道的數量
[ index ]：用於按索引獲取TextTrack對象

例子：

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>HTML DOM Audio textTracks Property 
  
</title>  
    <style>  
        h1 {  
            color:green;  
        }  
          
        h2 {  
            font-family:Impact;  
        }  
          
        body {  
            text-align:center;  
        }  
    </style>  
</head>  
  
<body>  
  
    <h1>GeeksforGeeks</h1>  
    <h2>HTML DOM Audio textTracks Property 
  
</h2>  
  
    <audio id="track" controls>  
        <source src="bells.ogg" type="audio/ogg">  
        <source src="bells.mp3" type="audio/mpeg">  
      <track src="demo_sub.vtt"> 
  
    Your browser does not support the audio element.  
    </audio>  
  
    <p>Double-click the "Access Audio" button  
    to get the duration of the audio, in seconds.</p>  
  
    <button onclick="access()">Access Audio</button>  
  
    <p id="test"></p>  
  
    <script>  
        function access() {  
              
            // Accessing audio element duration.  
            var m = document.getElementById(  
            "track").textTracks.length;;  
            document.getElementById("test").innerHTML = m;  
        }  
    </script>  
  
</body>  
  
</html>

輸出：
在單擊按鈕之前：

單擊按鈕後：

支持的瀏覽器：下麵列出了DOM Audio textTracks屬性支持的瀏覽器：

穀歌瀏覽器
IE瀏覽器
Firefox
Opera
Safari

相關用法

注：本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM Audio textTracks Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。