Đối tượng âm thanh DOM DOM đại diện cho phần tử HTML
Thuộc tính
Sau đây là các thuộc tính của Đối tượng âm thanh DOM DOM -
| Thuộc tính | Mô tả |
|---|---|
| audioTracks | Để trả về đối tượng audioTrackList chứa các bản âm thanh có sẵn |
| tự động phát | Để quay lại hoặc đặt âm thanh bắt đầu phát tự động. |
| được đệm | Để trả về đối tượng TimeRanges chứa tất cả các phần được đệm của âm thanh. |
| bộ điều khiển | Để trả về đối tượng MediaController đại diện cho bộ điều khiển phương tiện hiện tại của âm thanh. |
| điều khiển | Để đặt hoặc quay lại xem âm thanh có hiển thị điều khiển phát / tạm dừng hay không |
| crossOrigin | Để đặt hoặc trả lại cài đặt CORS của âm thanh |
| currentSrc | Để trả về URL của âm thanh đang phát. |
| currentTime | Để đặt hoặc trả lại vị trí phát hiện tại (tính bằng giây). |
| defaultMuted | Đặt hoặc trả về việc có nên tắt âm thanh theo mặc định hay không |
| defaultPlaybackRate | Đặt hoặc trả về tốc độ phát lại mặc định của âm thanh |
| thời lượng | Để trả về thời lượng của âm thanh tính bằng giây. |
| đã kết thúc | Để quay lại xem quá trình phát lại đã kết thúc hay chưa. |
| error | Để trả về một đối tượng kiểu MedioError đại diện cho trạng thái lỗi của âm thanh. |
| vòng lặp | Để đặt hoặc quay lại xem âm thanh có bắt đầu phát lại sau khi kết thúc hay không |
| mediaGroup | Để đặt hoặc trả lại tên nhóm phương tiện mà âm thanh là một phần. |
| bị tắt tiếng | Để đặt hoặc quay lại xem có nên tắt âm thanh hay không. |
| networkState | Để trả về trạng thái mạng hiện tại của âm thanh |
| bị tạm dừng | Để đặt hoặc quay lại xem âm thanh có bị tạm dừng hay không. |
| playbackRate | Để đặt hoặc trả lại tốc độ phát lại âm thanh. |
| đã chơi | Để trả về một đối tượng thuộc loại đối tượng TimeRanges đại diện cho các phần đã phát của âm thanh. |
| tải trước | Để đặt hoặc trả lại thuộc tính tải trước của âm thanh. |
| readyState | Để trả về trạng thái sẵn sàng hiện tại của âm thanh. |
| có thể tìm kiếm | Để trả về đối tượng TimeRanges đại diện cho các phần có thể tìm kiếm của âm thanh |
| tìm kiếm | Để trả lại xem người dùng hiện đang tìm kiếm âm thanh hay không |
| src | Để đặt hoặc trả về giá trị của thuộc tính src của âm thanh |
| textTracks | Để trả về một đối tượng TextTrackList đại diện cho tất cả các đoạn văn bản có sẵn |
| khối lượng | Để đặt hoặc trả lại âm lượng của âm thanh. |
Phương thức
Sau đây là các phương thức của Đối tượng âm thanh -
| Phương pháp | Mô tả |
|---|---|
| addTextTrack () | Để thêm một đoạn văn bản mới vào âm thanh đã cho. |
| canPlayType () | Để kiểm tra xem trình duyệt có thể phát loại âm thanh được chỉ định hay không. |
| fastSeek () | Để tìm đến một thời điểm cụ thể trong trình phát âm thanh / |
| getStartDate () | Để trả về một đối tượng Ngày mới, đại diện cho độ lệch dòng thời gian hiện tại. |
| load () | Để tải lại phần tử âm thanh. |
| play () | Để bắt đầu phát âm thanh. |
| pause () | Để tạm dừng âm thanh hiện đang phát. |
Cú pháp
Sau đây là cú pháp cho -
Tạo phần tử âm thanh
var x= document.createElement("AUDIO") Truy cập phần tử âm thanh
var x = document.getElementById("demoAudio") Ví dụ
Hãy để chúng tôi xem một ví dụ cho Đối tượng âm thanh -
<!DOCTYPE html>
<html>
<body>
<h1>MUSIC</h1>
<audio id="Audio" controls>
<source src="sample.mp3" type="audio/mpeg">
Audio not supported in your browser
</audio>
<p>Click the button to get the duration of the audio, in seconds.</p>
<button onclick="AudioDur()">Duration</button>
<button onclick="CreateAudio()">CREATE</button>
<p id="SAMPLE"></p>
<script>
function AudioDur() {
var x = document.getElementById("Audio").duration;
document.getElementById("SAMPLE").innerHTML = x;
}
function CreateAudio() {
var x = document.createElement("AUDIO");
x.setAttribute("src","sample1.mp3");
x.setAttribute("controls", "controls");
document.body.appendChild(x);
}
</script>
</body>
</html> Đầu ra
Nó sẽ tạo ra kết quả sau -
Khi nhấp vào "Thời lượng" -
Khi nhấp vào TẠO -
Trong ví dụ trên -
Trước tiên, chúng tôi đã tạo một phần tử âm thanh và chỉ định nguồn và loại âm thanh.
<audio id="Audio" controls> <source src="sample.mp3" type="audio/mpeg"> Audio not supported in your browser </audio>
Sau đó, chúng ta đã tạo hai nút “Duration” và CREATE để thực thi các chức năng AudioDur () và CreateAudio () tương ứng.
<button onclick="AudioDur()">Duration</button> <button onclick="CreateAudio()">CREATE</button>
Hàm AudioDur () nhận phần tử có id “Audio” được liên kết với nó. Nó nhận phần tử
function AudioDur() {
var x = document.getElementById("Audio").duration;
document.getElementById("SAMPLE").innerHTML = x;
} Hàm CreateAudio () tạo một phần tử âm thanh và đặt các thuộc tính của nó, chẳng hạn như src thành “sample1.mp3” và bật các điều khiển của nó bằng cách đặt thuộc tính “control”. Sau đó, phần tử được nối vào phần thân bằng phương thức appendChild ().
function CreateAudio() {
var x = document.createElement("AUDIO");
x.setAttribute("src","sample1.mp3");
x.setAttribute("controls", "controls");
document.body.appendChild(x);
}