एम्बेड करने लायक वीडियो एडिटर
कोड की एक लाइन से आपकी वेबसाइट में टाइमलाइन वाला वीडियो एडिटर।
TutuCut का एम्बेड करने लायक कंपोनेंट: कोड की एक लाइन से किसी भी वेबसाइट में टाइमलाइन वाला वीडियो एडिटर (कट, सबटाइटल, इफ़ेक्ट, ट्रांज़िशन) जुड़ जाता है। थीम, टूल और एक्सपोर्ट सेट किए जा सकते हैं, डोमेन की अनुमति/रोक सूची समर्थित है, और एडिटर के अपडेट अपने आप लागू होते हैं।
एक script टैग से TutuCut का टाइमलाइन एडिटर आपके पेज पर आ जाता है। विज़िटर वहीं कट, सबटाइटल और इफ़ेक्ट जोड़ते हैं; "पूर्ण" दबाने पर मौजूदा फ़्रेम तस्वीर के रूप में onSave कॉलबैक से आपके पेज को मिलता है।
</body> से पहले रखें <script src="https://tutucut.com/embed.js"
data-key="pk_live_YOUR_KEY"
data-mount="#cc-editor" defer></script>pk_live_YOUR_KEY को कंसोल में स्वयं बनाई कुंजी से बदलें (कोई भी पंजीकृत उपयोगकर्ता, बिना समीक्षा, तुरंत प्रभावी); कंटेनर #cc-editor की चौड़ाई और ऊँचाई होनी चाहिए। इंटीग्रेट करते समय अपना एम्बेड URL पंजीकृत करें (व्हाइटलिस्ट; लोकल डेव के लिए localhost) — यह केवल आपके पंजीकृत साइटों पर दिखता है।
लाइव आज़माएँ
नीचे दिए बटन पर क्लिक करके इसी पेज पर एम्बेडेड वीडियो एडिटर आज़माएँ।
JS API (कॉलबैक / कस्टमाइज़ेशन के लिए)
<script src="https://tutucut.com/embed.js"></script>
<script>
const cc = TutuCut.mount('#cc-editor', {
key: 'pk_live_YOUR_KEY',
theme: 'auto', // auto | light | dark
onSave: (file) => {
// file.dataUrl = current frame image (base64)
upload(file.dataUrl);
}
});
cc.open('https://your.site/clip.mp4'); // import a media clip
</script>पूर्ण पैरामीटर संदर्भ
| पैरामीटर | प्रकार | विवरण |
|---|---|---|
| key | string | आपकी सार्वजनिक कुंजी pk_ (कंसोल में बनाई गई)। आवश्यक। |
| theme | 'auto'|'light'|'dark' | थीम; auto होस्ट/सिस्टम के लाइट-डार्क मोड का अनुसरण करता है। |
| hideHeader | boolean | शीर्ष बार छिपाएँ (जब आप अपना UI बनाते हैं और export() से एक्सपोर्ट करते हैं)। |
| hideOpen | boolean | "मीडिया खोलें" बटन छिपाएँ। |
| hideExport | boolean | "एक्सपोर्ट और डाउनलोड" बटन छिपाएँ। |
| saveText | string | "पूर्ण" बटन का टेक्स्ट (डिफ़ॉल्ट "पूर्ण करें और भेजें", ≤16 अक्षर)। |
मेथड
cc.open(url, name?)टाइमलाइन में एक मीडिया क्लिप इम्पोर्ट करता है (वीडियो/ऑडियो/इमेज url या dataURL)।cc.export(format?)वर्तमान फ़्रेम एक्सपोर्ट करता है → Promise<{dataUrl,mime,size}>।cc.setTheme('dark')रनटाइम पर थीम बदलता है।cc.destroy()विजेट अनमाउंट करता है (iframe हटाता है)।
इवेंट कॉलबैक
onReady()एडिटर तैयार है।onSave(file)उपयोगकर्ता "पूर्ण" दबाता है → file.dataUrl वर्तमान फ़्रेम की छवि है।onError(e)e.message सरल भाषा में है (सक्षम नहीं / अनुमति नहीं / लोड विफल)।onClose()फ़ुलस्क्रीन ओवरले बंद हो गया।
सुरक्षा · स्वतः अपडेट
- · स्व-सेवा, स्वतः स्वीकृत:कोई भी पंजीकृत उपयोगकर्ता कंसोल में साइट नाम + एम्बेड URL पंजीकृत करके कुंजी पाता है, तुरंत प्रभावी।
- · कुंजी सार्वजनिक है; दुरुपयोग को पंजीकृत URL की अनुमति/निषेध सूची से रोका जाता है (निषेध को प्राथमिकता)। अपंजीकृत डोमेन अस्वीकृत होते हैं और पंजीकरण का संकेत मिलता है; आप कभी भी चालू/बंद कर सकते हैं।
- · वास्तविक ओरिजिन आँकड़े:हर लोड Origin के अनुसार गिना जाता है (ब्लॉक किए गए भी); कंसोल में प्रति-ओरिजिन विवरण दिखता है, और अपंजीकृत डोमेन एक क्लिक में व्हाइटलिस्ट किए जा सकते हैं।
- · एडिटर TutuCut के अपने डोमेन पर चलता है (आइसोलेटेड); आपका पेज किसी भी TutuCut क्रेडेंशियल तक नहीं पहुँच सकता, और किसी विज़िटर की TutuCut पर निजी कृतियाँ एम्बेडेड विजेट में कभी नहीं दिखतीं।
- · विजेट को TutuCut स्वयं होस्ट और स्वतः अपडेट करता है — फ़ीचर अपग्रेड के लिए आपको कोड बदलने की ज़रूरत नहीं और शून्य मेंटेनेंस।
सामान्य प्रश्न
- क्या इससे मेरे पेज की क्रॉस-ओरिजिन आइसोलेशन पर असर पड़ता है?
- नहीं। एडिटर TutuCut के अपने डोमेन के iframe में चलता है और उसे SharedArrayBuffer नहीं चाहिए, इसलिए आपके पेज को COOP / COEP हेडर नहीं जोड़ने पड़ते।
- क्या विज़िटर के वीडियो आपके सर्वर पर अपलोड होते हैं?
- नहीं। एडिटिंग विज़िटर के अपने ब्राउज़र में होती है, और एम्बेड मोड वहाँ ड्राफ़्ट भी नहीं छोड़ता। आपके पेज को सिर्फ़ वह तस्वीर मिलती है जो विज़िटर के "पूर्ण" दबाने पर सौंपी जाती है।
- कुंजी कैसे मिलेगी?
- लॉगिन करके कंसोल में साइट का नाम और पेज का URL दर्ज कीजिए, तुरंत काम करने वाली पब्लिक कुंजी मिल जाएगी। कुंजी ख़ुद सार्वजनिक है; ग़लत इस्तेमाल आपकी दर्ज की गई URL अनुमति/रोक सूची से रुकता है (रोक पहले)।