Framer के साथ ऑडियो नेटिव

इस गाइड को जारी रखने से पहले ऑडियो नेटिव शुरू करने के लिए ऑडियो नेटिव परिचय में दिए गए चरणों का पालन करें।

अपने पेज में ऑडियो नेटिव स्क्रिप्ट जोड़ें

अपने Framer पेज पर जाएं, साइन इन करें और साइट सेटिंग्स खोलें। ऑडियो नेटिव एम्बेड कोड से <script> टैग निकालें और उसे “End of <body> tag” फ़ील्ड में पेस्ट करें।

एम्बेड स्क्रिप्ट

    <script src="https://elevenlabs.io/player/audioNativeHelper.js" type="text/javascript"></script>

एक एम्बेड एलिमेंट जोड़ें

अपने Framer ब्लॉग पेज पर Utilities से एक एम्बेड एलिमेंट जोड़ें।

एम्बेड एलिमेंट के कॉन्फ़िगरेशन में टाइप को HTML पर बदलें और ऑडियो नेटिव एम्बेड कोड के <div> स्निपेट को HTML बॉक्स में पेस्ट करें।

एम्बेड div

    <div
        id="elevenlabs-audionative-widget"
        data-height="90"
        data-width="100%"
        data-frameborder="no"
        data-scrolling="no"
        data-publicuserid="public-user-id"
        data-playerurl="https://elevenlabs.io/player/index.html"
        data-projectid="project-id"
    >
        Loading the <a href="https://elevenlabs.io/text-to-speech" target="_blank" rel="noopener">Elevenlabs Text to Speech</a> AudioNative Player...
    </div>

अपने बदलाव प्रकाशित करें

आखिर में, अपने बदलाव प्रकाशित करें और अपने पेज के लाइव वर्ज़न पर जाएं। आपको यह बताने के लिए एक संदेश दिखेगा कि ऑडियो नेटिव प्रोजेक्ट बनाया जा रहा है। कुछ मिनट बाद, आपके ब्लॉग का टेक्स्ट एक ऑडियो लेख में बदल जाएगा और एम्बेड किया गया ऑडियो प्लेयर दिखने लगेगा।