एचटीएमएल 5 - छोटे एमपी 3 "इनलाइन"

Question

मैं एचटीएमएल 5 ऑडियो समर्थन का उपयोग कर एमपी 3 खेलना चाहता हूं। मैं एक ऑडियो टैग का उपयोग करने की कोशिश कर रहा था लेकिन अब मैं इसे जावास्क्रिप्ट का उपयोग कर कर रहा हूं।

मेरा "प्लेयर" सिर्फ एक छोटी प्ले छवि होगी, जब दबाया जाता है तो ऑडियो चलाता है (प्रगति के साथ सभी ऑडियो नियंत्रण नहीं)।

मैं जावास्क्रिप्ट का उपयोग करके इसे चलाने की कोशिश कर रहा हूं।

function playmp3(url){ 
    var audioElement = document.createElement('audio'); 
    audioElement.setAttribute('src', url); 
    audioElement.load(); 
    audioElement.play(); 
} 

यह मेरा कोड है और यह काम नहीं करता है। यह ठीक है जब मैं एक छवि पर क्लिक करता हूं जो मेरा प्ले बटन है।

यूआरएल एक स्ट्रिंग है जिसमें फ़ाइल का यूआरएल होता है।

मैं क्रोम और एफएफ के नवीनतम संस्करणों में परीक्षण कर रहा हूं।

Answer 1

एमपी 3 चलाने का प्रयास करने से पहले canplay ईवेंट सुनने की कोशिश कर रहा है। यहाँ है कि कैसे करना है की एक उदाहरण है:

function playmp3(url){ 
    var audioElement = document.createElement('audio'); 
    audioElement.setAttribute('src', url); 
    audioElement.load(); 
    audioElement.addEventListener("canplay", function() { 
     audioElement.play(); 
    }); 
} 

canplay घटना निकाल दिया जाता है जब ब्राउज़र एमपी 3 खेलना शुरू कर सकते हैं, लेकिन यह गारंटी नहीं है कि यह पूरा होने से एमपी 3 खेल सकते हैं। यदि यह आपके उद्देश्यों को सुइट नहीं करता है, तो कुछ अन्य संबंधित घटनाएं हैं जिन्हें आप loadeddata और canplaythrough जैसे सुन सकते हैं।