La propiedad Controles de audio se utiliza para establecer o devolver si el audio debe mostrar controles de audio estándar o no . El atributo de controles <audio> se refleja en esta propiedad.
Los controles de audio incluidos en la propiedad son:
- Tocar
- Pausa
- Buscando
- Volumen
Sintaxis:
- Devuelve la propiedad de control:
audioObject.controls
- Establezca la propiedad de control:
audioObject.controls = true|false
Valores de propiedad:
- true|false: se utiliza para especificar si un audio debe mostrar controles o no.
Valores devueltos: Devuelve un valor booleano que es verdadero si se muestran los controles de audio, de lo contrario, devuelve falso. De forma predeterminada, se establece en falso.
El siguiente programa ilustra la propiedad de los controles de audio:
Ejemplo: Habilitación de controles para audio.
<!DOCTYPE html>
<html>
<head>
<title>
Audio controls Property
</title>
</head>
<body style="text-align: center">
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2 style="font-family: Impact">
Audio controls Property
</h2>
<br>
<audio id="Test_Audio"
controls autoplay>
<source src="sample1.ogg"
type="audio/ogg">
<source src="sample1.mp3"
type="audio/mpeg">
</audio>
<p>To enable controls, double click
the "Enable Controls" button.</p>
<br>
<p>To check status of controls, double
click the "Check Status" button.</p>
<br>
<button ondblclick="Enable_Audio()">
Enable Controls
</button>
<button ondblclick="Check_Audio()">
Check Status
</button>
<p id="test"></p>
<script>
var a = document.getElementById("Test_Audio");
function Enable_Audio() {
a.controls = true;
a.load();
}
function Check_Audio() {
alert(a.controls);
}
</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 los controles 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