La propiedad de bucle de audio se utiliza para configurar o devolver si un audio debe comenzar a reproducirse nuevamente cuando finaliza o no .
Sintaxis:
- Devuelve la propiedad del bucle:
audioObject.loop
- Establezca la propiedad del bucle:
audioObject.loop = true | false
Valores de propiedad
- cierto | false: Se utiliza para especificar si el audio debe volver a reproducirse cada vez que finalice o no. Es falso por defecto.
Retorno: La propiedad Bucle de audio devuelve un valor booleano verdadero si el audio comienza a reproducirse de nuevo, cada vez que finaliza, de lo contrario, devuelve falso.
El siguiente programa ilustra la propiedad de bucle de audio:
Ejemplo 1: configurar el audio para que se reproduzca.
<!DOCTYPE html>
<html>
<head>
<title>
Audio loop Property
</title>
</head>
<body style="text-align: center">
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2 style="font-family: Impact">
Audio loop Property
</h2>
<br>
<audio id="Test_Audio" controls>
<source src="sample1.ogg"
type="audio/ogg">
<source src="sample1.mp3"
type="audio/mpeg">
</audio>
<p>To enable loop on the audio being played,
double click the "Enable Loop" button.</p>
<br>
<button ondblclick="My_Audio()">
Enable Loop
</button>
<p id="test"></p>
<script>
function My_Audio() {
var a = document.getElementById("Test_Audio");
a.loop = true;
a.load();
alert(a.loop);
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 2: Devolver el audio al bucle.
<!DOCTYPE html>
<html>
<head>
<title>
Audio loop Property
</title>
</head>
<body style="text-align:center">
<h1 style="color:green">GeeksforGeeks</h1>
<h2 style="font-family: Impact">Audio loop Property</h2>
<br>
<audio id="Test_Audio" controls>
<source src="sample1.ogg" type="audio/ogg">
<source src="sample1.mp3" type="audio/mpeg">
</audio>
<p>To Return "Audio loop Property",
double click the "Return" button.</p>
<br>
<button ondblclick="My_Audio()">Return</button>
<p id="test"></p>
<script>
function My_Audio() {
var a = document.getElementById("Test_Audio");
a.loop;
a.load();
alert(a.loop);
}
</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 de bucle de audio DOM 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