jquery और HTML5 ऑडियो टैग

Question

के साथ ऑडियो स्रोत स्विच करें मुझे केवल एक अन्य समाधान मिला है लेकिन यह अपूर्ण था इसलिए मुझे यहां सहायता चाहिए।

मैं ऑडियो की स्थापना की है:

<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> 

मैं ट्रैक बदलने के लिए लिंक का एक गतिशील रूप से उत्पन्न तालिका है:

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

मैं इस jQuery मैं कोई सुराग नहीं क्या क्या करना है कि है ट्रैक

$('.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... 

}); 

मुझे यह फ़ंक्शन मिला लेकिन मैं इसे सही तरीके से उपयोग नहीं कर रहा हूं

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

आपका परिवर्तन समारोह इस तरह होना चाहिए:

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(); 
    /****************/ 
} 

समस्याओं audio.empty() और ऑडियो वर थे। आप एक खाली ऑडियो टैग को जोड़ने का प्रयास कर रहे थे, और ब्राउजर पर ऑडियो टैग वापस नहीं लिखा था।

Answer 2

आप फ़ंक्शन का नाम बदलना भी चाहेंगे क्योंकि 'परिवर्तन' पहले से ही jQuery ब्रह्मांड में एक फ़ंक्शन है।