HTML5 Audio - El sonido sólo se reproduce una vez

Question

estoy usando Chrome y este es mi código:

<audio id="letter_audio" src="audio/bomb.mp3" type="audio/mp3" preload="auto"></audio> 

    $('.sound').live('click', function() { 

     var sound = $("#letter_audio")[0]; 

     sound.pause(); 
     sound.currentTime = 0; 
     sound.play(); 

     return false; 
    }); 

¿Cómo es que el sonido se reproduce la primera vez que haga clic en el juego. luego, cuando hago clic de nuevo, se detiene, como dice el código. pero el justs se queda en pausa? Quiero que se reproduzca, luego, cuando vuelva a hacer clic en él, vuelva a 0 y vuelva a jugar como en el código.

Answer 1

probar esto .. básicamente, al restablecer el atributo src debe restablecer el audio si lo deseas.

$('.sound').live('click', function() { 

    var sound = $("#letter_audio")[0]; 

    sound.src = "audio/bomb.mp3"; 
    sound.play(); 

    return false; 
}); 

Answer 2

he tenido problemas similares que se repiten de audio, pero logró resolverlo llamando al método load() antes de la llamada play(). Prueba esto:

$('.sound').live('click', function() { 
    var sound = $("#letter_audio")[0]; 

    sound.load(); 
    sound.play(); 

    return false; 
}); 

Creo que esto es mejor que restablecer el atributo src por dos razones:

1. que se mantenga el valor src en el contenido de la página, en lugar de en las JavaScript

2. funciona cuando incrusta múltiples <source> elementos de diferentes formatos de audio:

   <audio id="letter_audio"> 
       <source src="audio/bomb.mp3" type="audio/mp3" preload="auto"/> 
       <source src="audio/bomb.ogg" type="audio/ogg" preload="auto"/> 
   </audio> 
   

Answer 3

parece que por el momento el atributo horaActual está (y en 2011 tiene un wont-fix status) sin embargo

de sólo lectura, después de establecer src en el audio-objeto (de nuevo) - como también propuesto por @Lloyd - el atributo horaActual convierte ajustable (al menos en un cromo-versión actual de Linux (24.0.1312.69)).

esto significa añadiendo la línea extraña

audio.src = audio.src 

su ejemplo hace lo que se supone que es.

en su totalidad:

$('.sound').live('click', function() { 

    var sound = $("#letter_audio")[0]; 
    sound.src = sound.src; 
    sound.pause(); 
    sound.currentTime = 0; 
    sound.play(); 

    return false; 
}); 

ya que es suficiente establecer el src vez, es posible que desee llamar en algún lugar durante el proceso de instalación.

Answer 4

se puede usar PHP para agregar una consulta al final de la URL con el tiempo();

<source src="URLtoTrack.mp3?<?php echo time(); ?>" />

funciona para mí.