Audio Native con Ghost

Añade HTML a la entrada de tu blog

Ve a tu blog de Ghost, inicia sesión y abre la página de configuración de la entrada que quieras narrar.

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

Haz clic en el símbolo ”+” de la izquierda y selecciona “HTML” 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 del blog

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

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

Por último, ve a la versión publicada de la entrada del blog. Verás un mensaje que te indicará que se está creando el proyecto de Audio Native. Después de unos minutos, el texto de tu blog se convertirá en un artículo de audio y aparecerá el reproductor de audio integrado.