Last.fm स्क्रबिंग और HTML5 प्लेयर मोल्पा पर

नमस्कार।



मैंने एल्बम पर संगीत सुनने के लिए अपने मैशअप के बारे में हब पर पहले ही दो बार लिखा था - molpa.ru, जिस पर मैं सक्रिय रूप से काम कर रहा हूं। आज मैं इस पर नवाचारों और उनके कार्यान्वयन के तकनीकी पहलुओं के बारे में बात करना चाहूंगा।

बिखरना last.fm

बहुत सरल और सुखद last.fm एपीआई के बावजूद, किसी कारण के लिए last.fm में स्क्रॉल करना अलग है और, इसे हल्के ढंग से उपयोग करने के लिए असुविधाजनक है, यहां कोई भी jsonp और crossdomain नहीं है, सामान्य POST प्राप्त करें जो ब्राउज़र का उपयोग करके भेजना इतना आसान नहीं है ।



मुझे इसे अनुमति देने का एकमात्र तरीका एक छिपा हुआ iframe के माध्यम से एक POST भेजना था, कुछ इस तरह से:

$ ( "शरीर" ) । परिशिष्ट ( '<div id = "hide"> </ div>' )

। ढूंढें ( "#hide" ) । html ( "" ) । छिपाना ( )

। append ( '<iframe name = "fm"> </ iframe> <form id = "send" target = "fm" मेथड = "POST" एक्शन = "http://ws.audioscrobbler.com/2.0/>> <" / फ़ॉर्म> ' ) ;



for ( n पोस्ट में ) {

$ ( "#send" ) । परिशिष्ट ( '<इनपुट नाम = " + + + ' '" मूल्य = " + पोस्ट [ एन ] + '" प्रकार = "छिपा" /> ' ) ;

}



$ ( "#send" ) । सबमिट करें ( ) ;

पूरी तरह से उपयोग करने योग्य विकल्पों के साथ, एक बेवकूफ तरीका है।

HTML5 प्लेयर

समय के साथ बनाए रखने के लिए, मैंने पुराने ब्राउज़रों के लिए फ्लैशबैक के साथ साइट पर एक एचटीएमएल 5 प्लेयर स्थापित करने का फैसला किया, पहला चैलेंजर साउंडमैन था, लेकिन यह बहुत भारी हो गया था, मैं मोबाइल ब्राउज़रों के लिए प्रोजेक्ट को अनुकूलित करने की योजना बना रहा हूं, और ऐसी कोई बात नहीं है। क्या



कुछ और समय की खोज के बाद, मैंने अपने खिलाड़ी को लिखना शुरू कर दिया, मैंने इसे HTML5 ऑब्जेक्ट - ऑडियो के शीर्ष पर एक हैंडलर के रूप में करने की योजना बनाई, FLASH का उपयोग करके इस ऑब्जेक्ट का पूरा अनुकरण करने के साथ, इस निर्माण के पहले संस्करण के बारे में केवल (मुझे निश्चित रूप से याद नहीं होगा) पांच किलोबाइट फ्लैश और के बारे में के रूप में ज्यादा असम्पीडित जे एस कोड, मैं बस रोमांचित था। ActionScript - निकला एक बल्कि सरल और सुखद भाषा है।



लेकिन एक बार, अपने खिलाड़ी को अंतिम रूप देते समय, जेएस और एएस पर विभिन्न सामग्रियों का अध्ययन करते हुए, मैं एक तैयार खिलाड़ी के सामने आया, जो सिद्धांत रूप में, वही काम करता है जो मैं अपने तरीके से करना चाहता था, और अच्छी तरह से प्रलेखित था। अंत में, मैंने अपनी बाइक को खत्म नहीं करने का फैसला किया, लेकिन तैयार समाधान का उपयोग करने के लिए।

भविष्य की योजना

मेरी योजनाओं में अब एक नया सार्वभौमिक इंटरफ़ेस शामिल करना है जो मोबाइल ब्राउज़र और पीसी ब्राउज़र दोनों में समान रूप से आसानी से उपयोग किया जा सकता है।

मैं अपने कोड का अनुकूलन शुरू करने की योजना भी बना रहा हूं, मैं इसके आकार को कम करने और प्रदर्शन को बढ़ाने के लिए, या कम से कम सही संतुलन ढूंढना चाहूंगा :)



मुझे आशा है कि मेरा अनुभव कम से कम आपके लिए उपयोगी था;)