Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Waktu Audio HTML Menggunakan currentTime DOM

Properti Audio currentTime DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai posisi saat ini dari audio playback. Properti Audio currentTime merupakan properti yang mengembalikan nilai audio playback pada form dalam satuan detik. Playback dapat melompat ke posisi spesifik ketika nilai properti diatur.

Sebelum memahami lebih dalam materi tentang Mengatur Waktu Audio HTML Menggunakan currentTime DOM, terlebih dahulu pelajari materi tentang: Mendapatkan URL Audio HTML Menggunakan currentSrc DOM, Mengatur Suara HTML Menggunakan Audio Kontrol DOM, dan Mendapatkan Waktu Jeda HTML Menggunakan Buffered Audio DOM.

Sintak:
  • Mengembalikan nilai properti currentTime: audioObject.currentTime
  • Mengatur nilai properti currentTime: audioObject.currentTime = seconds

Property Values:
  • seconds: digunakan untuk menentukan nilai posisi untuk playback video dalam satuan detik.

Berikut program ilustrasi penggunaan properti Audio currentTime.

Baca Juga:

Contoh: pengaturan posisi waktu ke 50 detik.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Audio currentTime DOM 

pada HTML

</title>

</head>

 

<body 

style="text-align: center">

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<h2 

style="font-family: Impact">

Properti Audio currentTime DOM

</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 mengubah posisi playback 

saat ini, lakukan double klik 

pada tombol "Change Playback 

Position".

</p>

 

<br>

 

<button 

ondblclick="My_Audio()">

Change Playback Position

</button>

 

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

 

<script>

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

 

function My_Audio() 

{a.currentTime = 50;}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Audio currentTime DOM


Untuk mengubah posisi playback saat ini, lakukan double klik pada tombol "Change Playback Position".



Artikel ini didedikasikan kepada: Salma Nabila Prasasti, Sarah Fatimah Nahdah, Sekar Ajeng Pangestika, Sekar Ayu Rachmawati, dan Selma Marsya Finda.

5 komentar untuk "Mengatur Waktu Audio HTML Menggunakan currentTime DOM"

  1. Browser seperti apa yang dapat digunakan oleh Budi untuk mengaktifkan properti currentTime Audio DOM pada HTML?

    BalasHapus
    Balasan
    1. Untuk mengaktifkan properti currenttime Audio DOM pada HTML, maka Budi dapat menggunakan browser berikut:
      a. Google Chrome
      b. Internet Explorer
      c. Firefox
      d. Opera
      e. Apple Safari

      Hapus
  2. Apa yang dimaksud dengan properti currentTime pada HTML?

    BalasHapus
    Balasan
    1. Properti currentTime HTML merupakan media antarmuka HTMLMediaElement yang digunakan untuk menentukan nilai waktu pemutaran saat ini dalam satuan waktu detik dari file video atau audio.

      Hapus
    2. Properti currentTime pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai posisi saat dalam satuan detik dari pemutaran file video atau file audio pada html.

      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 -