एम्बेड करने योग्य विजेट
कोड की एक लाइन — अपनी साइट पर सेकंडों में वीडियो एडिटर जोड़ें
TutuCut टाइमलाइन एडिटर (ट्रिम / सबटाइटल / इफेक्ट / ट्रांज़िशन) को अपनी किसी भी साइट में एम्बेड करें। विज़िटर आपकी साइट पर ही वीडियो एडिट करते हैं; थीम और टूल कॉन्फ़िगर करें, अपडेट अपने-आप लागू होते हैं और आपको कुछ भी मेंटेन नहीं करना।
कॉपी करें और पेस्ट करें · इसे अपनी साइट के
</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 स्वयं होस्ट और स्वतः अपडेट करता है — फ़ीचर अपग्रेड के लिए आपको कोड बदलने की ज़रूरत नहीं और शून्य मेंटेनेंस।