Ferramentas de áudioAudio Native

Audio Native com Framer

Integre o Audio Native aos seus sites no Framer.

Siga as etapas da visão geral do Audio Native para começar a usar o Audio Native antes de continuar com este guia.

1

Adicione o script do Audio Native à sua página

Acesse sua página no Framer, faça login e vá para as configurações do site. No código de incorporação do Audio Native, extraia a tag <script> e cole-a no campo “End of <body> tag”.

Script de incorporação 
    <script src="https://elevenlabs.io/player/audioNativeHelper.js" type="text/javascript"></script>
Audio Native
2

Adicione um elemento de incorporação

Na página do seu blog no Framer, adicione um elemento de incorporação em Utilitários.

Audio Native

Na configuração do elemento de incorporação, altere o tipo para HTML e cole o trecho <div> do código de incorporação do Audio Native na caixa de HTML.

Div de incorporação
    <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

Publique suas alterações

Por fim, publique suas alterações e acesse a versão publicada da sua página. Você verá uma mensagem informando que o projeto do Audio Native está sendo criado. Após alguns minutos, o texto do seu blog será convertido em um artigo em áudio, e o player de áudio incorporado aparecerá.

Audio Native