इस प्रोजेक्ट के बारे में
Static एक ओपन-सोर्स, वेब-आधारित एम्बेडेड रेडियो प्लेयर है। यह webpack का उपयोग करके एक स्थिर पेज उत्पन्न करता है जिसे GitHub Page के रूप में होस्ट किया जा सकता है, इसलिए पूरा प्लेयर बैकएंड के बिना क्लाइंट-साइड पर चलता है।
यह कैसे काम करता है: एक छिपा हुआ iframe आपके द्वारा चुने गए स्टेशन के आधार पर YouTube से एम्बेडेड लाइव स्ट्रीम के लिए अलग-अलग URL के बीच स्विच करता है। कोड एक अनौपचारिक YouTube API से जुड़ता है जो स्ट्रीम को रोकने की अनुमति देता है। पृष्ठभूमि giphy से वीडियो होते हैं जिन्हें एक पृष्ठभूमि वीडियो तत्व में लोड किया जाता है और अधिक आरामदायक प्रभाव के लिए 50% गति से चलाया जाता है।
स्टेशन और पृष्ठभूमि डेटा-चालित हैं। आप src/data में streams JSON को अपडेट करके अपने पसंदीदा लाइव स्ट्रीम सुन सकते हैं; वर्तमान में केवल YouTube समर्थित है। आप src/data में backgrounds JSON को अपडेट करके प्लेयर के पीछे दिखाए जाने वाले आरामदायक एनिमेशन चुन सकते हैं। YouTube से रेडियो स्टेशन को pull requests के माध्यम से सबमिट किया जा सकता है, या व्यक्तिगत प्लेलिस्ट बनाने के लिए रिपॉजिटरी को fork किया जा सकता है।
डेवलपमेंट: webpack का उपयोग करके स्थानीय रूप से बिल्ड करें, आउटपुट फाइलों को एक public निर्देशिका में रखें, और उन्हें एक स्थिर सर्वर के साथ सेवा दें। रिपॉजिटरी के रूट से, npm install, npm run build, और npm run local चलाएं।
नोट्स: कुछ ब्राउज़र स्वचालित वीडियो प्लेबैक को ब्लॉक करते हैं, इसलिए Static के काम करने के लिए YouTube पर ऑटोप्ले सक्षम करना पड़ सकता है। यह प्रोजेक्ट AGPLv3 के तहत लाइसेंस प्राप्त है।
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.