Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Kecepatan Video HTML Menggunakan playbackRate DOM

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

Sebelum memahami lebih dalam materi tentang Mengatur Kecepatan Video HTML Menggunakan playbackRate DOM, terlebih dahulu pelajari materi tentang: Menjeda Video HTML Menggunakan Properti Paused DOM [klik], Properti networkState DOM HTML dan Fungsinya [klik], dan Mematikan Suara Video HTML Menggunakan Properti Muted DOM [klik].

Sintak:
  • Berfungsi untuk mengembalikan nilai properti video playbackRate: videoObject.playbackRate
  • Berfungsi untuk mengatur nilai properti video playbackRate: videoObject.playbackRate = playbackspeed

Property Values: mengandung nilai tunggal dari playbackSpeed yang ditentukan secara default dari file video.

Pilihan yang tersedia dari properti playbackRate adalah:
  • 1.0 untuk kecepatan normal.
  • 0.5 untuk kecepatan setengah normal.
  • 2.0 untuk kecepatan double.
  • -1.0 untuk kecepatan norma, namun berkebalikan.
  • -0.5 untuk kecepatan setengah, namun berkebalikan.

Return Values: berfungsi untuk mengembalikan sebuah nilai yang merepresentasikan nilai kecepatan playback saat ini.

Baca Juga:

Berikut adalah ilustrasi program dari properti video playbackRate DOM pada HTML.

Contoh: pengaturan nilai kecepatan video yang sedang dimainkan menjadi double.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Video playbackRate 

DOM pada HTML

</title>

</head>

 

<body 

style="text-align:center;">

 

<h1 

style="color:greenl">

Blog Elfan

</h1>

 

<h2 

style="font-family: Impact;">

Properti Video PlaybackRate

</h2>

 

<br>

 

<video 

id="Test_Video" 

width="360" 

height="240" 

controls>

 

<source 

src="samplevideo.mp4" 

type="video/mp4">

 

<source 

src="movie.ogg" 

type="video/ogg">

 

</video>

 

<p>

Untuk mengembalikan nilai 

kecepatan playback dari video, 

lakukan double klik pada 

tombol "Return Playback 

Speed".

</p>

 

<button 

ondblclick="My_VideoRate()

type="button">

Return Playback Speed

</button>

 

<p>

Untuk mengubah nilai kecepatan 

playback dari video default, 

lakukan double klik pada 

tombol "Change Playback 

Speed".

</p>

 

<button 

ondblclick="Set_VideoRate()

type="button">

Change Playback Speed

</button>

 

<script>

var v = document.getElementById("Test_Video");

function My_VideoRate() 

{

alert(v.playbackRate);

}

 

function Set_VideoRate() 

{

v.playbackRate = 2;

}

</script>

 

</body>

 

</html>


Referensi Tambahan:
Artikel ini didedikasikan kepada: Ziyad Fikrin Najib, Abdul Kharis Illahi Syah, Adelfine Sekararum Leswandhany, Adella Izza Nafisa, dan Adhia Rizky Maharani.

5 komentar untuk "Mengatur Kecepatan Video HTML Menggunakan playbackRate DOM"

  1. Jenis browser seperti apa saja yang dapat digunakan oleh om Bambang untuk mengaktifkan properti playbackRate DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan oleh om Bambang untuk mengaktifkan properti playbackRate DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer 9.0
      3. Firefox
      4. Opera
      5. Apple Safari

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

    BalasHapus
    Balasan
    1. Properti playbackRate DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai kecepatan pemutaran video saat ini.

      Hapus
    2. Properti playbackRate DOM pada HTML adalah properti yang digunakan untuk menetapkan tingkat pemutaran 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 -