Foros del Web » Creando para Internet » HTML »

Cambiar audio HTML5

Estas en el tema de Cambiar audio HTML5 en el foro de HTML en Foros del Web. Buenas, tengo un problema similar, necesito que al finalizar mi pista de audio pase a la siguiente, es para un juego en html5 que intento ...
  #1 (permalink)  
Antiguo 02/02/2015, 17:06
Avatar de blacklamb  
Fecha de Ingreso: mayo-2013
Mensajes: 9
Antigüedad: 11 años, 6 meses
Puntos: 0
Cambiar audio HTML5

Buenas, tengo un problema similar, necesito que al finalizar mi pista de audio pase a la siguiente, es para un juego en html5 que intento hacer xD

Código Javascript:
Ver original
  1. $("audio").bind ("onended", function () {
  2.             audio.play();
  3.             });

esto ultimo no me funciona

Última edición por pzin; 03/02/2015 a las 12:05
  #2 (permalink)  
Antiguo 02/02/2015, 20:00
Avatar de Dalam  
Fecha de Ingreso: septiembre-2010
Mensajes: 409
Antigüedad: 14 años, 2 meses
Puntos: 56
Respuesta: Varias canciones con audio

aqui tienes un ejemplo de como hacer un playlist dinamico
__________________
http://www.roglastudios.es
  #3 (permalink)  
Antiguo 04/02/2015, 05:21
Avatar de blacklamb  
Fecha de Ingreso: mayo-2013
Mensajes: 9
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: Cambiar audio HTML5

Gracias, le echare un vistazo, pero me suena un poco a chino a decir la verdad xD, soy un programador mas o menos novato.

Creia que con el evento de cuando se acabase la cancion podria pasar de pista, la idea es que suene todo el rato musica en 8bits y sea de manera aleatoria, trato de, hacer un juego y para haber empezado sin "tener ni idea" va bastante bien
  #4 (permalink)  
Antiguo 05/02/2015, 20:24
Avatar de Dalam  
Fecha de Ingreso: septiembre-2010
Mensajes: 409
Antigüedad: 14 años, 2 meses
Puntos: 56
Respuesta: Cambiar audio HTML5

basicamente es lo que hace este fragmento de codigo extraido de ese ejemplo
Código Javascript:
Ver original
  1. 'ended': function() { // Script to be run when the media has reach the end
  2.                 showPlay();
  3.                 trackCount ? playNext('ended') : resetMedia(); // if trackCount is greater than zero call playNest passing 'ended' otherwise call resetMedia
  4.             },
Cuando detecta que acabo la cancion pasa a la siguiente y si era la ultima hace un reset para empezar por la primera de nuevo
__________________
http://www.roglastudios.es
  #5 (permalink)  
Antiguo 10/02/2015, 15:40
Avatar de blacklamb  
Fecha de Ingreso: mayo-2013
Mensajes: 9
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: Cambiar audio HTML5

<audio src="Pruebas2/humanos02.mp3" type="audio/mpeg"></audio>
<audio src="Pruebas2/schism.mp3" type="audio/mpeg" ></audio>

//Codigo Jquery

$(document).ready(function() {

$('audio')[0].play();
'ended': function() {
showPlay();
trackCount ? playNext('ended') : resetMedia();
});
  #6 (permalink)  
Antiguo 10/02/2015, 15:42
Avatar de blacklamb  
Fecha de Ingreso: mayo-2013
Mensajes: 9
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: Cambiar audio HTML5

Cita:
Iniciado por blacklamb Ver Mensaje
<audio src="Pruebas2/humanos02.mp3" type="audio/mpeg"></audio>
<audio src="Pruebas2/schism.mp3" type="audio/mpeg" ></audio>

//Codigo Jquery

$(document).ready(function() {

$('audio')[0].play();
'ended': function() {
showPlay();
trackCount ? playNext('ended') : resetMedia();
});
no funciona asi, no se si lo puse bien, la ruta de las canciones es correcta, por un lado quiero tener mis audios para la musica y otra para dialogos y me gustaria que ambas sonaran de manera aleatoria, pero bueno, voy probando cosillas, para que tengas una idea de lo que quiero crear :

http://casb1.cloudapp.net/1033/d291aa17c660652cdad22675ccc0f865/Pruebas/sprite.html

Es mi primer proyecto que no es ningun ejercicio ni nada, es algo que estoy haciendo por mi cuenta

Última edición por blacklamb; 10/02/2015 a las 15:48
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:07.