परिचय!
ब्राउज़र की Picture-in-Picture सुविधा का उपयोग करके बनाए गए टूल्स के इस संग्रह का परिचय।
इसे क्यों बनाया?
मैं कभी-कभी color picker का उपयोग करता हूँ, लेकिन उसके लिए अलग ऐप इंस्टॉल नहीं करना चाहता था। वेब पर उपलब्ध color picker में अक्सर ब्राउज़र विंडो (या टैब) को इधर-उधर करना पड़ता था, जो असुविधाजनक था.
इसमें कौन-कौन से फीचर्स हैं?
घड़ी: वर्तमान समय दिखाना
टाइमर: countdown timer
Color picker: color code निकालना और कॉपी करना
इमेज resize: इमेज का आकार बदलना
अनुवादक: बहुभाषी अनुवाद ( Chrome Translation API का उपयोग )
मेमो: सरल टेक्स्ट नोट
रूलेट: random selection game
आगे कौन-से फीचर्स जोड़ने का विचार है?
Calculator, unit converter, scripter, image watermark आदि की योजना है।
इसके अलावा यदि कोई और ज़रूरी टूल हो, तो नीचे बाईं ओर दिए गए contact के माध्यम से अपनी राय भेजें। मैं उसे सक्रिय रूप से शामिल करने की कोशिश करूँगा।
तकनीकी स्टैक
Next.js
React
TypeScript
react-document-pip
13 टिप्पणियां
ओहो~! यह अच्छा आइडिया है।
लगता है कि पहले ब्राउज़र से एक्सेस करना पड़ता है। यह भी लगता है कि अगर इसे हमेशा खुला रखा जा सके तो अच्छा होगा। अभी भी यह बहुत बढ़िया है। मुझे तो timer और color picker बहुत पसंद आए।^^
धन्यवाद। मुझे भी सबसे ज़्यादा पसंद आने वाला टूल color picker ही है!
मैं Firefox इस्तेमाल करता हूँ, और इसमें यह मैसेज आ रहा है कि PIP सपोर्ट नहीं है। जबकि YouTube देखते समय मैं PIP फीचर का अच्छी तरह इस्तेमाल करता था।
यह इमेज और वीडियो PIP से अलग,
Document Picture in Pictureनामक browser API का उपयोग करता है.यह अभी experimental feature है, इसलिए कुछ browsers में काम नहीं करता T_T
सपोर्ट करने वाले browsers आप https://caniuse.com/mdn-api_documentpictureinpicture पर देख सकते हैं!
वाह, यह तो कमाल है।
धन्यवाद!
ओह कमाल;;; मुझे आज पहली बार पता चला कि pip सिर्फ़ वीडियो देखने के लिए नहीं है, बल्कि इसमें तरह-तरह के इंटरैक्शन भी संभव हैं!
यह अभी experimental feature है, इसलिए अभी भी बहुत से लोग इसके बारे में नहीं जानते!
https://developer.mozilla.org/en-US/docs/…
नोट्स भी अच्छे हैं! धन्यवाद
धन्यवाद!
अगर आपको और टूल्स चाहिए हों, तो कृपया अपनी राय बताइए!
वाह, आइडिया तो बढ़िया है!
धन्यवाद~!