TutuAudio · एम्बेड करने योग्य कॉम्पोनेंट
कोड की एक लाइन — अपनी साइट में सेकंडों में ऑडियो एडिटर जोड़ें
TutuAudio एडिटर (कट / नॉइज़ हटाना / मिक्स / मास्टरिंग) को अपनी किसी भी वेबसाइट में एम्बेड करें। विज़िटर आपकी साइट पर ही ऑडियो एडिट करते हैं, थीम कॉन्फ़िगर की जा सकती है, और प्रोडक्ट अपडेट अपने-आप लागू होते हैं — आपके लिए शून्य रखरखाव।
कॉपी और पेस्ट करें — अपने पेज के
</body> टैग से पहले <script src="https://tutuaudio.com/embed.js"
data-key="pk_live_YOUR_KEY"
data-mount="#aa-editor" defer></script> pk_live_YOUR_KEY को कंसोल में जनरेट की गई की से बदलें; कंटेनर #aa-editor की चौड़ाई और ऊंचाई होनी चाहिए। आप डोमेन अनुमति/अस्वीकृति सूची सेट कर सकते हैं ताकि यह केवल आपकी अपनी साइट पर दिखे।
लाइव आज़माएं
एम्बेड किए गए ऑडियो एडिटर को यहीं आज़माने के लिए नीचे दिए बटन पर क्लिक करें।
JS API (कॉलबैक / कस्टमाइज़ेशन के लिए)
<script src="https://tutuaudio.com/embed.js"></script>
<script>
const aa = TutuAudio.mount('#aa-editor', {
key: 'pk_live_YOUR_KEY',
theme: 'auto', // auto | light | dark
onSave: (file) => {
// file.dataUrl = the finished mix (WAV, base64)
upload(file.dataUrl);
}
});
aa.open('https://your.site/sound.mp3'); // import an audio clip
</script>पूर्ण कॉन्फ़िगरेशन विकल्प
| पैरामीटर | प्रकार | विवरण |
|---|---|---|
| key | string | आपकी सार्वजनिक की pk_ (कंसोल में जनरेट की गई)। आवश्यक। |
| theme | 'auto'|'light'|'dark' | थीम; auto होस्ट/सिस्टम के लाइट या डार्क मोड का अनुसरण करता है। |
| saveText | string | «पूर्ण» बटन का लेबल (डिफ़ॉल्ट «समाप्त करें और वापस भेजें», ≤16 अक्षर)। onSave सेट होने पर यह बटन एडिटर के नेटिव टॉप बार में दिखता है। |
| hideSuite | boolean | सूट लॉन्चर छिपाएं (एम्बेड होने पर ध्यान भटकाव कम करने के लिए डिफ़ॉल्ट रूप से छिपा)। |
| hideAccount | boolean | साइन-इन/अकाउंट नियंत्रण छिपाएं (एम्बेड होने पर डिफ़ॉल्ट रूप से छिपे; लॉगिन होस्ट संभालता है)। |
| hideExport | boolean | एडिटर का बिल्ट-इन एक्सपोर्ट/डाउनलोड बटन छिपाएं (जब आप केवल «समाप्त करें और वापस भेजें» का उपयोग करते हैं)। |
| hideLang | boolean | भाषा स्विचर छिपाएं (होस्ट इसे tt_locale के जरिए नियंत्रित करता है)। |
| hideTheme | boolean | लाइट/डार्क टॉगल छिपाएं (होस्ट इसे tt_theme के जरिए नियंत्रित करता है)। |
मेथड
aa.open(url, name?)एक ऑडियो क्लिप को ट्रैक में इम्पोर्ट करें (ऑडियो/वीडियो/इमेज का url या dataURL)।aa.export()मिक्स को ऑफ़लाइन रेंडर करें और WAV एक्सपोर्ट करें → Promise<{dataUrl,mime,size}>।aa.setTheme('dark')रनटाइम पर थीम बदलें।aa.destroy()कॉम्पोनेंट अनमाउंट करें (iframe हटाता है)।
इवेंट कॉलबैक
onReady()एडिटर तैयार है।onSave(file)उपयोगकर्ता «पूर्ण» पर क्लिक करता है → file.dataUrl तैयार मिक्स (WAV) है।onError(e)e.message समझने योग्य भाषा में है (सक्षम नहीं / कोई अनुमति नहीं / लोड विफल)।onClose()फुल-स्क्रीन ओवरले बंद कर दिया गया।
सुरक्षा · ऑटो-अपडेट
- · की सार्वजनिक है; एम्बेड करने वाली साइटों की अनुमति/अस्वीकृति सूची दुरुपयोग रोकती है (अस्वीकृति सूची प्राथमिकता पाती है); आप कभी भी रोक या फिर से शुरू कर सकते हैं।
- · एडिटर TutuAudio के अपने डोमेन पर चलता है (पृथक); आपका पेज TutuAudio की किसी भी क्रेडेंशियल तक पहुंच नहीं सकता।
- · कॉम्पोनेंट TutuAudio द्वारा स्व-होस्टेड और स्वतः अपडेट होता है —— फ़ीचर अपग्रेड के लिए आपकी ओर से कोई कोड बदलाव की जरूरत नहीं; शून्य रखरखाव।