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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。