Audio Native con Squarespace

Añade HTML a tu entrada de blog

Ve a tu sitio de Squarespace, inicia sesión y abre la página a la que quieras añadir narración.

Añade el código de inserción a tu entrada de blog

Haz clic en el símbolo ”+” en el lugar donde quieras colocar el reproductor de Audio Native y selecciona “Code” en el menú.

Pega el código de inserción de Audio Native en el cuadro HTML y pulsa Intro.

    <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>
    <script src="https://elevenlabs.io/player/audioNativeHelper.js" type="text/javascript"></script>

Actualiza la entrada de blog

Haz clic en el botón “Save” de la esquina superior derecha del editor, que ahora debería estar resaltado.

Ve a la versión publicada de la entrada de blog

Por último, ve a la versión publicada de la entrada de blog. Deberías ver un mensaje que te informa de que se está creando el proyecto de Audio Native. Tras unos minutos, el texto de tu blog se convertirá en un artículo de audio y aparecerá el reproductor de audio insertado.