Audio tools

Audio Native

Easily embed ElevenLabs on any web page.
Audio Native

Overview

Audio Native is an embedded audio player that automatically voices content of a web page using ElevenLab’s Text to Speech service. It can also be used to embed pre-generated content from a project into a web page. All it takes to embed on your site is a small HTML snippet. In addition, Audio Native provides built-in metrics allowing you to precisely track audience engagement via a listener dashboard.

The end result will be a Audio Native player that can narrate the content of a page, or, like in the case below, embed pre-generated content from a project:

Guide

2

Configure player appearance

Customize the player appearance by selecting background and text colors.

3

Configure allowed sites

The URL allowlist is the list of web pages that will be permitted to play your content.

You can choose to add a specific web page (e.g. https://elevenlabscreator.arsenaldigitalweb.com.br/blog) or add a whole domain to the allowlist (e.g. http://elevenlabscreator.arsenaldigitalweb.com.br). If a player is embedded on a page that is not in the allowlist, it will not work as intended.

4

Get embed code

Once you’ve finished configuring the player and allowlist, copy the embed code and paste it into your website’s source code.

Technology-specific guides

To integrate Audio Native into your web techology of choice, see the following guides:

React
Ghost
Squarespace
Framer
Webflow
Wordpress
Wix

Using the API

You can use the Audio Native API to programmatically create an Audio Native player for your existing content.

1from elevenlabs import ElevenLabs
2
3elevenlabs = ElevenLabs(
4api_key="YOUR_API_KEY",
5)
6response = elevenlabs.audio_native.create(
7name="name",
8)
9
10# Use the snippet in response.html_snippet to embed the player on your website

Settings

Voices

To configure the voice and model that will be used to read the content of the page, navigate to the “Settings” tab and select the voice and model you want to use.

Pronunciation dictionaries

Sometimes you may want to specify the pronunciation of certain words, such as character or brand names, or specify how acronyms should be read. Pronunciation dictionaries allow this functionality by enabling you to upload a lexicon or dictionary file that includes rules about how specified words should be pronounced, either using a phonetic alphabet (phoneme tags) or word substitutions (alias tags).

Whenever one of these words is encountered in a project, the AI will pronounce the word using the specified replacement. When checking for a replacement word in a pronunciation dictionary, the dictionary is checked from start to end and only the first replacement is used.

FAQ

Audio Native is an embedded audio player that automatically voices content of a web page using ElevenLab’s text-to-speech service. It can also be used to embed pre-generated content from a Studio project into a web page. All it takes to deploy on your site is a brief snippet of html. In addition, Audio Native comes with built-in metrics so you can track audience engagement through a listener dashboard.

Audio Native is available on the Creator plan and above.

For more details, please see our Audio Native overview.

Audio Native is available on the Creator plan and above. 

For more information, please see our Audio Native overview.

Made edits to your website or decided to use a new voice? Here’s how to update your Audio Native player to reflect those changes:

1

Open the Studio project
Go to the Audio Native page, click the three dots next to the page you’d like to update, and select Edit Audio. This will open the corresponding Studio project.

2

Make your changes
Update your project as needed, such as changing the voice or editing the script.

3

Export the project as MP3
Go to Export and export the project.


Note: This step is required for updating Audio Native, even if you don’t need the MP3 file.
4

Publish the updated version
Once the MP3 export is complete, go to Export > Publish > Audio Native.

5

Select the updated version
Click Published version and select the newly exported version of your audio to update the embedded player.

Your Audio Native player will now reflect the latest version of your project.

Updating the Player Title and Author

To change the title or author shown in the Audio Native player:

  • Go to the corresponding Studio project editor

  • Click the hamburger menu (☰) and select Project Settings

  • Go to the Export tab

  • Edit the Title and Author fields

These changes will be reflected automatically in the embedded player.

No results