La propiedad Audio mediaGroup se usa para establecer o devolver el nombre del grupo de medios del que forma parte el audio .
Dos o más elementos de <audio> se pueden sincronizar juntos usando un grupo de medios.
Sintaxis:
- Devuelve la propiedad mediaGroup:
audioObject.mediaGroup
- Establezca la propiedad mediaGroup:
audioObject.mediaGroup = group
El valor de la propiedad:
- grupo: Se utiliza para especificar el grupo de medios del video.
Retorno: la propiedad Audio mediaGroup devuelve una string que representa el grupo de medios del audio.
El siguiente programa ilustra la propiedad Audio mediaGroup:
Ejemplo: Establecer el grupo de medios para 2 elementos <audio>.
<!DOCTYPE html>
<html>
<head>
<title>
Audio mediaGroup Property
</title>
</head>
<body style="text-align: center">
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2 style="font-family: Impact">
Audio mediaGroup Property
</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>For setting the media group on the videos,
double click the "Set mediaGroup" button.</p>
<p>For returning the mediaGroup of the video,
double click the "Return mediaGroup" button.</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>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Navegadores compatibles: El navegador compatible con HTML | Las propiedades DOM Audio mediaGroup se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- safari de manzana
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA