एचटीएमएल 5 और जावास्क्रिप्ट

Question

के साथ ध्वनि चलाने का सबसे अच्छा तरीका मैं एक आवाज बजाने की कोशिश कर रहा हूं और मुझे दो तरीकों से मिल गया है जो मेरे लिए काम करता है। कौन सा बेहतर तरीका है और क्यों? एक अच्छा विचार एक "लोड" घटना श्रोता जोड़ें?

सबसे पहले जिस तरह से:

$(document).ready(function() { 
    var audioElement = document.createElement('audio'); 
    audioElement.setAttribute('src', 'sound.ogg'); 
    audioElement.addEventListener("load", function(){ 
     audioElement.play(); 
    }, true); 

    audioElement.play(); 
}); 

दूसरा तरीका:

$(document).ready(function() { 
    audioElement = new Audio('sound.ogg'); 
    audioElement.play(); 
}); 

Answer 1

आपको वास्तव में पहले तरीके से जाना चाहिए (load के साथ), क्योंकि 'DOMReady' गारंटी देता है कि ध्वनि फ़ाइल खत्म होने की तरह, छवि के साथ ही डाउनलोड नहीं होता है।

Answer 2

आप वास्तव में इस के लिए एक सुविधा पहचान प्रणाली का उपयोग करना चाहिए। मैं Modernizr to test for HTML5 audio का उपयोग करता हूं। इस तरह आप केवल उन लोगों को ऑडियो देने का प्रयास कर रहे हैं जो इसे HTML5 के साथ प्राप्त कर सकते हैं।

आप test for HTML5 features और वैकल्पिकizr का उपयोग करके नहीं मिला तो वैकल्पिक पर फ़ॉलबैक भी कर सकते हैं। इन विकल्पों को "पॉलीफिल" कहा जाता है और इनमें से एक सूची है कि मॉडर्नइज़र समर्थन here है।

ऐसा करने का लाभ यह है कि आप ब्राउज़र सुविधाओं के संदर्भ में अपने सभी अड्डों को कवर कर रहे हैं। मैं मूर्खों को अभी भी आईई 7 का उपयोग करके परेशान करता हूं।