Outils audioAudio Native

Audio Native avec Ghost

Intégrez Audio Native à votre blog Ghost.

Suivez les étapes de la présentation d’Audio Native pour démarrer avec Audio Native avant de poursuivre ce guide.

1

Ajouter du HTML à votre article de blog

Accédez à votre blog Ghost, connectez-vous et ouvrez la page de paramètres de l’article de blog que vous souhaitez narrer.

2

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

Cliquez sur le symbole « + » à gauche et sélectionnez « HTML » dans le menu.

Audio Native

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

Extrait de code d’intégration
    <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>
Audio Native
3

Mettre à jour l’article de blog

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

Audio Native
4

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.

Audio Native