chuyển nguồn âm thanh bằng jquery và thẻ âm thanh HTML5

Question

Tôi chỉ tìm thấy một giải pháp khác nhưng giải pháp chưa hoàn chỉnh nên tôi cần trợ giúp tại đây.

tôi đã âm thanh thiết lập:

<audio id="player" controls="controls"> 
      <source id="ogg_src" src="lib/audio/barger01.ogg" type="audio/ogg" /> 
      <source id="mp3_src" src="lib/audio/barger01.mp3" type="audio/mp3" /> 
      Your browser does not support the audio element. 
    </audio> 

Tôi có một bảng tạo động các liên kết để thay đổi ca khúc:

<div id="audio_list"> 
    <a href="#" class="track" data-location="http://www.newoggtrack.ogg">sample</a> 
</div> 

tôi có jquery này mà tôi không có đầu mối phải làm gì với để thay đổi tuyến đường

$('.track').click(function(){ 

    load_track = $(this).attr('data-location');//gets me the url of the new track 

    change_track(load_track);// function to change the track of the loaded audio player without page refresh preferred... 

}); 

tôi tìm thấy chức năng này nhưng tôi không sử dụng đúng cách

function change_track(sourceUrl) { 

     audio.empty(); 
     $("#ogg_src").attr("src", sourceUrl).appendTo(audio); 
     /****************/ 
     audio[0].pause(); 
     audio[0].load();//suspends and restores all audio element 
     /****************/ 
    } 

audio = $("<audio>").attr("id", "player") 
         .attr("preload", "auto"); 

Answer 1

chức năng thay đổi của bạn nên được như thế này:

function change(sourceUrl) { 
    var audio = $("#player");  
    $("#ogg_src").attr("src", sourceUrl); 
    /****************/ 
    audio[0].pause(); 
    audio[0].load();//suspends and restores all audio element 

    //audio[0].play(); changed based on Sprachprofi's comment below 
    audio[0].oncanplaythrough = audio[0].play(); 
    /****************/ 
} 

Những vấn đề đã audio.empty() và var âm thanh. Bạn đã cố gắng thêm một thẻ âm thanh trống và không ghi lại thẻ âm thanh trở lại trình duyệt.

Answer 2

Bạn cũng có thể muốn đổi tên hàm kể từ khi 'thay đổi' đã là một hàm trong vũ trụ jQuery.