Audio Native avec Squarespace

Ajouter du HTML à votre article de blog

Accédez à votre site Squarespace, connectez-vous et ouvrez la page à laquelle vous souhaitez ajouter une narration.

Ajouter le code d’intégration à votre article de blog

Cliquez sur le symbole « + » à l’emplacement où vous souhaitez placer le lecteur Audio Native et sélectionnez « Code » dans le menu.

Collez le code d’intégration Audio Native dans le champ HTML et appuyez sur Entrée.

    <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>

Mettre à jour l’article de blog

Cliquez sur le bouton « Save » en haut à droite de l’éditeur, qui devrait désormais être mis en évidence.

Accéder à la version en ligne de l’article de blog

Enfin, accédez à la version en ligne de l’article de blog. Un message vous indiquera que le projet Audio Native est en cours de création. Après quelques minutes, le texte de votre blog sera converti en article audio et le lecteur audio intégré apparaîtra.