Narzędzia audioAudio Native

Audio Native z Framer

Zintegruj Audio Native ze stronami Framer.

Zanim przejdziesz dalej, wykonaj kroki z omówienia Audio Native, aby zacząć korzystać z Audio Native.

1

Dodaj skrypt Audio Native do strony

Przejdź na stronę Framer, zaloguj się i otwórz ustawienia witryny. Z kodu osadzania Audio Native wyodrębnij tag <script> i wklej go w polu „End of <body> tag”.

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

Dodaj element Embed

Na stronie bloga Framer dodaj element Embed z sekcji Utilities.

Audio Native

W konfiguracji elementu Embed zmień typ na HTML i wklej fragment <div> z kodu osadzania Audio Native w polu HTML.

Div do osadzania
    <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

Opublikuj zmiany

Na koniec opublikuj zmiany i przejdź do aktywnej wersji strony. Pojawi się komunikat, że projekt Audio Native jest tworzony. Po kilku minutach tekst na blogu zostanie przekształcony w artykuł audio, a osadzony odtwarzacz audio się pojawi.

Audio Native