Lompat ke konten Lompat ke sidebar Lompat ke footer

Mendapatkan Waktu Jeda HTML Menggunakan Buffered Audio DOM

Properti Audio buffered DOM pada HTML digunakan untuk mengembalikan nilai object TimeRanges. Nilai buffered range dari audio dapat merepresentasikan penggunaan object TimeRanges. Time-range dari buffer audio didefinisikan oleh buffered range dan jika user melakukan skip audio, maka akan menghasilkan beberapa range buffer.

Penggunaan Properti Buffered Audio DOM pada HTML
Properti Buffered Audio DOM

Sebelum memahami lebih dalam materi tentang Mendapatkan Waktu Jeda HTML Menggunakan Buffered Audio DOM, terlebih dahulu pelajari materi tentang: Memutar Audio Otomatis pada HTML Menggunakan Autoplay DOM [klik], Membaca Track Audio HTML Menggunakan audioTracks DOM [klik], dan Menghentikan Video HTML Menggunakan Pause VIDEO DOM [klik].

Sintak:
audioObject.buffered

Return Values:
  • TimeRanges Object: digunakan untuk merepresentasikan bagian buffer dari audio.

Berikut adalah ilustrasi program penggunaan properti Audio buffer.

Baca Juga:

Contoh: mendapatkan nilai buffered range pertama dari audio dalam satuan detik.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Audio buffered DOM 

pada HTML

</title>

</head>

 

<body 

style="text-align: center">

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<h2 

style="font-family: Impact">

Properti Audio buffered

</h2>

 

<br>

 

<audio 

id="Test_Audio" 

controls 

autoplay>

 

<source 

src="sample1.ogg" 

type="audio/ogg">

 

<source 

src="sample1.mp3" 

type="audio/mpeg">

</audio>

 

<p>

Untuk mendapatkan nilai range 

buffer, lakukan double klik 

pada tombol "Return Buffered 

Range".

</p>

 

<br>

 

<button 

ondblclick="My_Audio()">

Return Buffered Range

</button>

 

<p id="test"></p>

 

<script>

function My_Audio() 

{

var a = document.getElementById("Test_Audio");

 

document.getElementById("test").innerHTML 

= "Start time: " 

+ a.buffered.start(0

+ " End time: " 

+ a.buffered.end(0);

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Audio buffered


Untuk mendapatkan nilai range buffer, lakukan double klik pada tombol "Return Buffered Range".



Artikel ini didedikasikan kepada: Safira Alya Fafaza, Safira Julia Putri, Salis Khasan Addin, Salma Nabila Prasasti, dan Sarah Fatimah Nahdah.

5 komentar untuk "Mendapatkan Waktu Jeda HTML Menggunakan Buffered Audio DOM"

  1. Jenis browser apa saja yang dapat digunakan oleh seorang pengembang untuk mengaktifkan properti Buffered Range DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti Buffered Range DOM pada HTML:
      aa. Google Chrome
      bb. Internet Explorer
      cc. Firefox
      dd. Opera
      ee. Apple Safari

      Hapus
  2. Apa yang dimaksud dengan properti buffered audio pada HTML?

    BalasHapus
    Balasan
    1. Properti buffered audio HTML merupakan properti yang digunakan untuk mengatur nilai rentang waktu dari file audio atau file audio buffer. User dapat menggunakan properti jenis ini ketika melewatkan rentang audio tertentu ketika audio tersebut diputer.

      Hapus
    2. Properti rentang buffer atau buffered audio HTML merupakan properti rentang waktu dari audio. User dapat mendapatkan beberapa nilai rentang jika ingin melewatkan file audio tertentu. Properti buffered audio merupakan properti yang bersifat read-only.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -