Hoppa till navigering
LjudverktygAudio Native

Audio Native med Framer

Integrera Audio Native på dina Framer-webbplatser.

Följ stegen i översikten över Audio Native för att komma igång med Audio Native innan du fortsätter med den här guiden.

1

Lägg till Audio Native-skriptet på din sida

Gå till din Framer-sida, logga in och öppna webbplatsinställningarna. Hämta ut taggen <script> från inbäddningskoden för Audio Native och klistra in den i fältet “End of <body> tag”.

Inbäddningsskript 
    <script src="https://elevenlabs.io/player/audioNativeHelper.js" type="text/javascript"></script>
Audio Native
2

Lägg till ett inbäddningselement

Lägg till ett inbäddningselement från Utilities på din Framer-bloggsida.

Audio Native

Ändra typen till HTML i konfigurationen för inbäddningselementet och klistra in <div>-utdraget från inbäddningskoden för Audio Native i HTML-rutan.

Inbäddnings-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>
Audio Native
3

Publicera dina ändringar

Publicera sedan dina ändringar och gå till den publicerade versionen av sidan. Du bör se ett meddelande om att Audio Native-projektet skapas. Efter några minuter omvandlas texten i din blogg till en ljudartikel och den inbäddade ljudspelaren visas.

Audio Native