html5中傳回AudioTrackList物件的屬性audioTracks-H5教程-PHP中文網

首頁

web前端

H5教程

html5中傳回AudioTrackList物件的屬性audioTracks

黄舟

Nov 08, 2017 am 09:32 AM

h5html5

實例

取得可用音軌的數量：

myVid=document.getElementById("video1");
alert(myVid.audioTracks.length);

定義與用法

audioTracks 屬性傳回 AudioTrackList 物件。

AudioTrackList 物件表示音影片的可用音軌。

每個可用的音軌由一個 AudioTrack 物件表示。

瀏覽器支援

任何主流瀏覽器都不支援 audioTracks 屬性。

語法

audio|video.audioTracks

label - 取得音軌的標籤

類型

#描述

AudioTrackList 物件

#表示音視頻的可用音軌。

AudioTrackList 物件：

audioTracks.length - 或可用音軌的數量

##audioTracks.getTrackById(id) -透過id 來獲得AudioTrack 物件

##註解：首個可用的AudioTrack 物件的下標是0。
AudioTrack 物件
表示音軌。
AudioTrack 物件的屬性：
##id - 取得音軌的id
kind - 取得音軌的類型（可以是"alternative", "description", "main", "translation", "commentary", 或"" （空
字串

language - 取得音軌的語言

enabled - 取得或設定音軌是否是活動的(true |false)

##################實例######取得可用###音訊###軌道的數量：###

<!DOCTYPE html> 
<html> 
<body> 

<p>
	<button onclick="getAudioTracks()" type="button">获得可用音轨的数量</button>
</p>

<video id="video1" controls="controls">
	<source src="/example/html5/mov_bbb.mp4" type="video/mp4">
	<source src="/example/html5/mov_bbb.ogg" type="video/ogg">
	您的浏览器不支持 video 标签。
</video>

<script>
var myVid = document.getElementById("video1");
function getAudioTracks() { 
	alert(myVid.audioTracks.length);
} 
</script> 

</body> 
</html>

#########

以上是html5中傳回AudioTrackList物件的屬性audioTracks的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

H5：網絡內容和設計的未來May 01, 2025 am 12:12 AM

H5（HTML5）將通過新元素和API提升網頁內容和設計。 1）H5增強了語義化標記和多媒體支持。 2）它引入了Canvas和SVG，豐富了網頁設計。 3）H5的工作原理是通過新標籤和API擴展HTML功能。 4）基本用法包括使用創建圖形，高級用法涉及WebStorageAPI。 5）開發者需注意瀏覽器兼容性和性能優化。

H5：網絡開發的新功能和功能Apr 29, 2025 am 12:07 AM

H5帶來了多項新功能和能力，極大提升了網頁的互動性和開發效率。 1.語義化標籤如、增強了SEO。 2.多媒體支持通過和標籤簡化了音視頻播放。 3.Canvas繪圖提供了動態圖形繪製工具。 4.本地存儲通過localStorage和sessionStorage簡化了數據存儲。 5.地理位置API便於開發基於位置的服務。

H5：HTML5的關鍵改進Apr 28, 2025 am 12:26 AM

HTML5帶來了五個關鍵改進：1.語義化標籤提升了代碼清晰度和SEO效果；2.多媒體支持簡化了視頻和音頻嵌入；3.表單增強簡化了驗證；4.離線與本地存儲提高了用戶體驗；5.畫布與圖形功能增強了網頁的可視化效果。

HTML5：標準及其對Web開發的影響Apr 27, 2025 am 12:12 AM

HTML5的核心特性包括語義化標籤、多媒體支持、離線存儲與本地存儲、表單增強。 1.語義化標籤如、等，提升代碼可讀性和SEO效果。 2.和標籤簡化多媒體嵌入。 3.離線存儲和本地存儲如ApplicationCache和LocalStorage，支持無網絡運行和數據存儲。 4.表單增強引入新輸入類型和驗證屬性，簡化處理和驗證。