jQuery: आप ध्वनि को कैसे लोड करते हैं?

Question

मेरे पास एक वेबसाइट है जो एक बटन पर क्लिक करते समय ध्वनि बजाती है।

यह मैं इसे कैसे

function PlaySound(soundfile) { 
    $('#soundContainer').html("<embed src='/uploads/sounds/" + soundfile + "' hidden=true autostart=true loop=false>"); 
} 

कैसे आप पहले से ध्वनि फ़ाइल को पहले से लोड करते है?

धन्यवाद।

Answer 1

बस अपना सिर के ऊपर में सोच, आप ध्वनि फ़ाइल के लिए एक ajax अनुरोध कर सकते हैं, लेकिन बटन दिखाने जब तक फ़ाइल 100% लोड नहीं है।

$(document).ready(function() { 
    $.ajax({ 
     url: "soundfile.mp3", 
     success: function() { 
      $("#play_button").show(); 
     } 
    }); 
}); 

Answer 2

1. इसे AJAX अनुरोध करें। यदि आपका सर्वर उचित कैशिंग हेडर जारी करता है (जैसे की अवधि समाप्त हो जाता है) यह ब्राउज़र कैश में संग्रहीत किया जाएगा।

2. बदसूरत तरीका:

soundfile = new Image(); 
soundfile.src = /uploads/sounds/" + soundfile;

Answer 3

<embed> जैसी कोई चीज नहीं है।

आप तत्व autoplay के बिना उपयोग कर सकते हैं, और बाद में इसे play() विधि के साथ खेलना शुरू कर दें।

Answer 4

जावास्क्रिप्ट के साथ ध्वनि चलाने के कई बेहतर तरीके हैं। मेरे पसंदीदा के लिए, SoundManager देखें। इसके साथ, आप ध्वनि फ़ाइल को preemptively लोड करने के लिए बस soundManager.load पर कॉल कर सकते हैं।

Answer 5

इस तरह एचटीएमएल 5 में यह करें:

my_sound = $("<audio>", {src:"filename.mp3",preload:"auto"}).appendTo("body"); 

तो यह खेलने के लिए:

my_sound[0].play();