जावास्क्रिप्ट एचटीएमएलएकाधिक स्रोत

Question

मैं जावास्क्रिप्ट 'getElementByID' का उपयोग कर अपने ऑडियो प्लेयर पर 2 अलग-अलग स्रोतों में एक ही गीत डालने की कोशिश कर रहा हूं।

HTML:

<audio id="audio"> 
    <source id="ogg" src="song1.ogg" type="audio/ogg"> 
    <source id="mp3" src="song2.mp3" type="audio/mp3"> 
    Your browser does not support the audio tag. 
</audio> 

जावास्क्रिप्ट:

function songOne(){ 
    document.getElementById('ogg').src="../audio/pt/lllg/Panda's Thumb.ogg"; 
    document.getElementById('mp3').src="../audio/pt/lllg/Panda's Thumb.mp3"; 
    document.getElementById('songName').innerHTML="Panda's Thumb"; 
    audio.play(); 
} 

आप देख सकते हैं, समारोह चलता है जब, यह आईडी = "ogg" में .ogg फ़ाइल देता है और .mp3 में आईडी = "एमपी 3"। हालांकि, जब मैं तत्व का निरीक्षण करता हूं तो स्रोत बदल गया है लेकिन गीत नहीं खेलेंगे।

मैं इसे केवल एक ही स्रोत के साथ काम करने के लिए प्राप्त कर सकते हैं:

<audio id="audio" src=""></audio> 

लेकिन तब यह केवल ब्राउज़रों कि एमपी 3 या ogg का समर्थन और अन्य लोगों के बाहर याद आती है पर खेलेंगे। मैं गलत क्या कर रहा हूं?

Answer 1

मैं HTML5 ऑडियो के बारे में ज्यादा पता नहीं है, लेकिन इस प्रयास करें:

यह लेख आपके src attr, इस मुद्दे को एक audio.load(); आदेश बदलने के बाद

की जांच: http://html5doctor.com/native-audio-in-the-browser/