2012-05-20 27 views
5

मैं HTML5 में एमपी 3 प्लेयर बनाने की कोशिश कर रहा हूं। लगभग सभी काम किए जाते हैं लेकिन मुझे जो चाहिए वह यह है कि मैं डिफ़ॉल्ट नियंत्रण को <audio> टैग से बदलना चाहता हूं और अपना खुद का नियंत्रण बना सकता हूं। प्ले, पॉज़, स्टॉप और वॉल्यूम जैसे सरल नियंत्रण किए जाते हैं लेकिन मैं एक प्रगति पट्टी बनाना चाहता हूं जो ऑडियो/एमपी 3 की अवधि को ट्रैक करता है, जहां मैं प्रासंगिक स्थिति पर क्लिक करता हूं, ट्रैक पर विशिष्ट स्थिति में जाता है। निम्नलिखित उदाहरण में से एक की तरह।एचटीएमएल 5 ऑडियो - प्रगति बार

http://msdn.microsoft.com/en-us/library/ie/gg589528(v=vs.85).aspx

यहाँ बात यह है कि ऊपर के उदाहरण में फ़ाइल/एमपी 3 पहले से ही लोड कर रहा है और मैं वास्तव में document.createElement("audio");

का उपयोग करके एक ऑडियो तत्व बनाने रहा हूँ जब मैं ऊपर बदलने के लिए अलग अलग तरीकों से उपयोग करने की कोशिश है उदाहरण के लिए मुझे ज्यादातर त्रुटि मिलती है "नल के विधि addeventlistener को कॉल नहीं कर सकता"। मैं चाहता हूं कि यह प्लेयर क्रोम पर चलें।

आपके समर्थन और सहायता के लिए अग्रिम धन्यवाद।

+0

आप इसके लिए कैनवास का उपयोग करना चाह सकते हैं। प्रत्येक 'ऑडियो' तत्व की अवधि और वर्तमान समय विशेषता होती है, इसलिए, आप ऐसा कुछ कर सकते हैं:' fillRect (posx, posy, audio.current_time/audio.duration * चौड़ाई, ऊंचाई) '। मैं सटीक नाम भूल गया, लेकिन आप उन्हें गुगलिंग के कुछ ही मिनटों में प्राप्त करेंगे। – corazza

+1

"शून्य के विधि addeventlistener को कॉल नहीं कर सकता" एक सामान्य जावास्क्रिप्ट त्रुटि है। अपनी कोस के साथ क्या समस्या है डीबग करने के लिए फ़ायरफ़ॉक्स फ़ायरबग जैसे डीबगर का उपयोग करें। –

+0

क्या आप अपना कोड पोस्ट कर सकते हैं या एक पहेली बना सकते हैं? –

उत्तर

2

इस ट्यूटोरियल में एक प्रगति बार उदाहरण है मैंने कुछ समय पहले लिखा था: Working with HTML5 multimedia components – Part 3: Custom controls। कॉल इत्यादि गतिशील रूप से बनाए गए audio तत्व के लिए समान होना चाहिए।

लेकिन हां, आप जो कर रहे हैं उसके कुछ कोड उदाहरण उपयोगी होंगे।

संबंधित मुद्दे