HTML5 Audio - Sound chỉ đóng một lần

Question

Tôi đang sử dụng Chrome và đây là mã của tôi:

<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; 
    }); 

Tại sao âm thanh đóng lần đầu tiên tôi nhấp vào chơi. sau đó khi tôi nhấp một lần nữa, nó tạm dừng, giống như mã đi. nhưng nó justs vẫn tạm dừng? tôi muốn nó để chơi, sau đó khi tôi bấm vào nó một lần nữa, quay trở lại 0 và chơi một lần nữa như trong mã?

Answer 1

hãy thử điều này .. về cơ bản, đặt lại thuộc tính src phải đặt lại âm thanh như mong muốn.

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

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

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

    return false; 
}); 

Answer 2

Tôi đã có vấn đề tương tự phát lại âm thanh, nhưng quản lý để giải quyết nó bằng cách gọi phương thức load() trước play() gọi. Hãy thử điều này:

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

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

    return false; 
}); 

Tôi nghĩ rằng đây là tốt hơn so với đặt lại thuộc tính src vì hai lý do:

1. Giữ giá trị src trong nội dung trang, chứ không phải là trong JavaScript

2. trình khi bạn nhúng nhiều phần tử <source> của các định dạng âm thanh khác nhau:

   <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

có vẻ như thời điểm hiện tại thuộc tính currentTime là chỉ đọc (và vào năm 2011 nó đã có một wont-fix status)

Tuy nhiên, sau khi cài đặt src trên nghe đối tượng của bạn (một lần nữa) - như cũng đề xuất bởi @Lloyd - thuộc tính currentTime có thể được cài đặt (ít nhất là trên phiên bản chrome hiện tại cho Linux (24.0.1312.69)).

điều này có nghĩa bằng cách thêm dòng lạ

audio.src = audio.src 

dụ bạn làm những gì nó là vụ phải.

đầy đủ:

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

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

    return false; 
}); 

vì nó là đủ thiết lập src một lần, bạn có thể muốn gọi nó là ở đâu đó trong quá trình thiết lập.

Answer 4

bạn có thể sử dụng php để thêm truy vấn ở cuối url với thời gian();

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

làm việc cho tôi.