Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Playback HTML Menggunakan playbackRate Audio DOM

Properti audio playbackRate DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai kecepatan playback saat ini dari suatu audio.

Mengatur Playback HTML Menggunakan playbackRate Audio DOM
playbackRate Audio DOM

Sebelum memahami lebih dalam materi tentang Mengatur Playback HTML Menggunakan playbackRate Audio DOM, terlebih dahulu pelajari materi tentang: Menghentikan Audio HTML Menggunakan Paused DOM [klik], Properti networkState HTML Audio DOM dan Fungsinya [klik], dan Membisukan Suara HTML Menggunakan Audio Muted DOM [klik].

Sintak:
  • mengembalikan nilai properti playbackRate: audioObject.playbackRate
  • mengatur nilai properti playbackRate: audioObject.playbackRate = playbackspeed

Property Values:
number: digunakan untuk menentukan kecepatan default playback dari suatu audio, dengan nilai yang telah ditentukan sebagai berikut.

Nilai yang tersedia untuk properti playbackRate adalah:
  • 1.0 untuk kecepatan normal.
  • 0.5 untuk setengah dari kecepatan normal.
  • 2.0 untuk kecepatan double.
  • -1.0 untuk backwards, dengan nilai kecepatan normal.
  • -0.5 backwards, dengan nilai setengah kecepatan normal.

Return Values: properti audio playbackRate merupakan properti yang digunakan untuk mengembalikan sebuah angka yang merepresentasikan nilai kecepatan playback saat ini.

Baca Juga:

Berikut adalah ilustrasi program dari properti audio playbackRate.

Contoh: pengaturan video ke kecepatan double secara default.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Audio playbackRate 

DOM

</title>

</head>

 

<body 

style="text-align:center">

 

<h1 

style="color:green">

Blog Elfan

</h1>

 

<h2 

style="font-family: Impact">

Properti Audio playbackRate

</h2>

 

<br>

 

<audio 

id="Test_Audio" 

controls>

 

<source 

src="sample1.ogg"

type="audio/ogg">

 

<source 

src="sample1.mp3"

type="audio/mpeg">

</audio>

 

<p>

Untuk mengatur dan 

mengembalikan nilai kecepatan 

playback dari audio, lakukan 

double klik pada tombol "Set 

Speed" dan tombol "Return 

Speed".

</p>

 

<br>

 

<button 

ondblclick="MyAudioSet()"

type="button">

Set Speed

</button>

 

<button 

ondblclick="MyAudioReturn()"

type="button">

Return Speed

</button>

 

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

 

<script>

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

 

function MyAudioReturn() 

{a.playbackRate;

alert(a.playbackRate);}

 

function MyAudioSet() 

{a.playbackRate = 2;}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Audio playbackRate


Untuk mengatur dan mengembalikan nilai kecepatan playback dari audio, lakukan double klik pada tombol "Set Speed" dan tombol "Return Speed".



Artikel ini didedikasikan kepada: Silviya Qothrunnada, Siti Aisah Rahmaniah, Sri Purwanti, Sulistiyono, dan Sulthan Naufalirazhan Riyadi.

5 komentar untuk "Mengatur Playback HTML Menggunakan playbackRate Audio DOM"

  1. Jenis browser apa saja yang dapat digunakan oleh Christian Davidson untuk mengaktifkan properti playbackRate DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan oleh Christian Davidson untuk mengaktifkan properti playbackRate DOM pada HTML:
      a. Google Chrome
      b. Internet Explorer
      c. Firefox
      d. Opera
      e. Apple Safari

      Hapus
  2. Apa yang dimaksud dengan properti PlaybackRate DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti PlaybackRate DOM pada HTML merupakan properti yang digunakan untuk mengembalikan nilai kecepatan dari pemutaran media video atau audio.

      Hapus
    2. Properti playbackRate DOM pada HTML merupakan properti yang akan mengubah nilai kecepatan pemutaran file media.

      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 -