Un pitido en un sitio web se puede utilizar para las siguientes tareas:
- Notificación de alerta
- Hacer el sitio web más interactivo.
Puede haber muchos más casos de uso de estos sonidos. Todo depende de la creatividad y las necesidades de cada uno. Por lo general, creamos una función en Javascript y llamamos a esa función cuando sea necesario. En este tutorial, estamos usando un botón para reproducir el sonido de «bip» usando el método onclick .
Método 1: use la función de audio en Javascript para cargar el archivo de audio.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Press the Button</h1>
<button onclick="play()">Press Here!</button>
<script>
function play() {
var audio = new Audio(
'https://media.geeksforgeeks.org/wp-content/uploads/20190531135120/beep.mp3');
audio.play();
}
</script>
</body>
</html>
Producción:
Método 2: use la etiqueta de audio en html y reprodúzcala usando Javascript.
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Press the Button</h1>
<audio id="chatAudio" >
<source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190531135120/beep.mp3"
type="audio/mpeg">
</audio>
<button onclick="play()">Press Here!</button>
<script>
var audio = document.getElementById('chatAudio');
function play(){
audio.play()
}
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por ayushmankumar7 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA