HTML5 ऑडियो का उपयोग करके कैसेट रिकॉर्डर बनाएँ



यदि आपको पता नहीं है कि टेप क्या है, तो आप शायद उच्च-तकनीकी युग में पैदा हुए थे, एक ऐसा युग जो निस्संदेह दिलचस्प और अभिनव है। लेकिन अगर आपको इस बात का अंदाजा है कि ऑडियो कैसेट क्या हैं, तो सबसे अधिक संभावना है कि आप पुरानी पीढ़ी के हैं, डायनासोर जो जानते हैं कि एक पेंसिल और एक ऑडियो कैसेट को जोड़ती है। :)

कैसेट का आविष्कार 50 साल पहले हुआ था, इसलिए यह जश्न मनाने का समय है:
"1962 में, फिलिप्स ने एक नए ऑडियो कैसेट प्रारूप का आविष्कार किया, जो अगस्त 1963 में (बर्लिन रेडियो शो में) और संयुक्त राज्य अमेरिका में (नोरेल्को ब्रांड के तहत) नवंबर 1964 में" कॉम्पैक्ट कैसेट "नाम से यूरोप में बाजार में प्रवेश किया।

कॉम्पैक्ट कैसेट, विकिपीडिया

चूंकि पुराने जमाने के कैसेट रिकॉर्डर लगभग गायब हो गए हैं, हम एचटीएमएल 5 ऑडियो का उपयोग करके एक पुराने टेप रिकॉर्डर बनाने का तरीका आपके साथ साझा करके उसकी स्मृति का सम्मान करना चाहते हैं। यह केवल एक प्रयोग है, यह विचार HTML5 ऑडियो की क्षमताओं का उपयोग करके कैसेट रिकॉर्डर (प्ले, स्टॉप, रिवाइंड, फास्ट फॉरवर्ड और चेंज साइड्स) के व्यवहार को अनुकरण करने के लिए है। तदनुसार चुंबकीय टेप बदल जाएगा। यह एक क्लासिक कैसेट के आदर्श अनुकरण से दूर है, यह सिर्फ एक मजेदार प्रयोग है। आपको शायद कई गलतियाँ मिलेंगी!



मौरिसियो एस्ट्रेला की एक कैसेट छवि यहाँ पाई जा सकती है: कैसेट - मौरिसियो एस्ट्रेला की PSD फ़ाइल
Freesound.org पर पोगोट्रॉन साउंड इफेक्ट्स: पोगोट्रॉन द्वारा टेप रिकॉर्डर

वॉल्यूम समायोजित करने के लिए, हमने मार्टिन एंजेलोव से उत्कृष्ट नॉबकोनोब jQuery प्लगइन का उपयोग किया।

प्रतीक जो हम डेव गैंडी द्वारा फ़ॉन्ट विस्मयकारी से खिलाड़ी नियंत्रण के लिए उपयोग करते हैं और हमने अपना सेट बनाने के लिए Fontello का उपयोग किया। फ़ॉन्ट विस्मयकारी CC BY 3.0 के तहत लाइसेंस प्राप्त है।

हम वास्तव में आशा करते हैं कि आप इस छोटी सी यात्रा का आनंद लेंगे और आपको विषाद की अनुभूति होगी :)

कृपया ध्यान दें कि यह उदाहरण प्रयोगात्मक है और मनोरंजन के लिए बनाया गया है। पुराने ब्राउज़रों के लिए कोई विकल्प नहीं है (विडंबना!), और केवल एक सुपर-फैन डिस्को को खेलने की अनुमति है! :)

प्रदर्शन

स्रोत फ़ाइलों को डाउनलोड करें

Source: https://habr.com/ru/post/In147682/


All Articles