Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Audio mediaGroup HTML DOM dan Fungsinya

Properti Audio mediaGroup DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai nama dari kelompok bagian media audio. Dengan menggunakan properti audio mediaGroup maka dua elemen atau lebih dapat melakukan sinkronisasi bersama menggunakan kelompok media.

2 Value Properti Audio mediaGroup DOM pada HTML
Audio mediaGroup HTML

Sebelum memahami lebih dalam materi tentang Mengatur Audio mediaGroup HTML DOM dan Fungsinya, terlebih dahulu pelajari materi tentang: Memutar Suara Berulang HTML Menggunakan Audio Loop DOM [klik], Mematikan Suara HTML Menggunakan Audio Ended DOM [klik], dan Mengatur Durasi Suara Menggunakan Audio Duration DOM [klik].

Sintak:
  • Berfungsi untuk mengembalikan nilai properti mediaGroup: audioObject.mediaGroup
  • Berfungsi untuk mengatur properti mediaGroup: audioObject.mediaGroup = group

Property Values:
  • group: digunakan untuk menentukan media group dari video.
  • Return: digunakan untuk mengembalikan sebuah string yang merepresentasikan kelompok media audio.


Berikut adalah ilustrasi program dari penggunaan properti Audio mediaGroup.

Contoh: pengaturan kelompok media untuk dua elemen audio.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Audio mediaGroup DOM

</title>

</head>

 

<body 

style="text-align: center">

 

<h1 

style="color: green">

Blog Elfan

</h1>

 

<h2 

style="font-family: Impact">

Properti Audio mediaGroup DOM

</h2>

 

<br>

 

<audio 

id="Test_Audio1" 

controls>

 

<source 

src="sample1.ogg" 

type="audio/ogg">

 

<source 

src="sample1.mp3" 

type="audio/mpeg">

</audio>

 

<audio 

id="Test_Audio2" 

controls>

 

<source 

src="sample2.ogg" 

type="audio/ogg">

 

<source 

src="sample2.mp3" 

type="audio/mpeg">

</audio>

 

<p>

Untuk pengaturan media group 

pada video, lakukan double 

klik pada tombol "Set 

mediaGroup".

</p>

 

<p>

Untuk mengembalikan mediaGroup 

dari video, lakukan double 

klik pada tombol "Return 

mediaGroup".

</p>

 

<br>

 

<button 

ondblclick="set()

type="button">

Set mediaGroup

</button>

 

<button 

ondblclick="get()

type="button">

Return mediaGroup

</button>

 

<script>

var v1 = document.getElementById("Test_Audio1");

 

var v2 = document.getElementById("Test_Audio2");

 

function set() {

v1.mediaGroup = "Track 1";

v2.mediaGroup = "Track 2";

}

 

function get() {

alert("Media group of Video 1 is : " 

+ v1.mediaGroup 

+ ". Media group of Video 2 is : " 

+ v2.mediaGroup);

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Audio mediaGroup DOM


Untuk pengaturan media group pada video, lakukan double klik pada tombol "Set mediaGroup".

Untuk mengembalikan mediaGroup dari video, lakukan double klik pada tombol "Return mediaGroup".



Artikel ini didedikasikan kepada: Shalsabila Kresnarin Putri, Shiqta Azzahra Pramanaputri, Shyfau Ramadhani, Silvia Dwi Suryani, dan Silviya Qothrunnada.

5 komentar untuk "Mengatur Audio mediaGroup HTML DOM dan Fungsinya"

  1. Sebutkan beberapa contoh browser yang dapat digunakan oleh Iwan untuk mengaktifkan properti mediaGroup DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan oleh Iwan untuk mengaktifkan properti mediaGroup HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5.Apple Safari

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

    BalasHapus
    Balasan
    1. Properti mediaGroup DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai berupa nama grup media tempat file audio terdapat didalamnya.

      Hapus
    2. Properti grupMedia memungkinkan adanya dua atau lebih elemen untuk dapat dilakukan sinkronisasi.

      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 -