Código de JavaScript - Iniciar y Parar un sonido con Javascript

Imágen de perfil

Iniciar y Parar un sonido con Javascriptgráfica de visualizaciones


JavaScript

Publicado el 15 de Abril del 2016 por xve
642 visualizaciones desde el 15 de Abril del 2016. Una media de 21 por semana
Este simple código muestra como iniciar y detener un sonido en nuestra web utilizando javascript.

Versión 1.0

Actualizado el 20 de Abril del 2016 (Creado el 15 de Abril del 2016)gráfica de visualizaciones de la versión: Versión 1.0
643 visualizaciones desde el 15 de Abril del 2016. Una media de 21 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

En este ejemplo, se utiliza un archivo ogg, pero se puede utilizar también el formato mp3
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<script>
	window.onload=function(){
 
		// creamos el objeto audio
		var audioElement = document.createElement('audio');
 
		// indicamos el archivo de audio a cargar
		audioElement.setAttribute('src', 'sonido.ogg');
 
		// Si deseamos que una vez cargado empieze a sonar...
		//audioElement.setAttribute('autoplay', 'autoplay');
 
		document.getElementById("play").addEventListener("click", function() {
			// Si deseamos que inicie siempre desde el principio
			//audioElement.currentTime = 0;
 
			// iniciamos el audio
			audioElement.play();
		});
 
		document.getElementById("pause").addEventListener("click", function() {
			// hacemos pausa
			audioElement.pause();
		});
	};
	</script>
</head>
<body>
 
<div>
	<input type="button" value="Play" id="play">
	<input type="button" value="Pause" id="pause">
</div>
 
</body>
</html>



Comentarios sobre la versión: Versión 1.0 (0)


No hay comentarios
 

Comentar la versión: Versión 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s3509