#Hi, may I know if there is a function to use ElevenLabs to play the text on a webpage?
1 messages · Page 1 of 1 (latest)
Yes, ElevenLabs provides a feature called Audio Native which is an embedded audio player that automatically voices the content of a webpage using ElevenLab’s text-to-speech service. It can also be used to embed pre-generated content from a project into a webpage.
To use Audio Native, you need to embed a brief snippet of HTML on your site. The Audio Native player comes with built-in metrics so you can track audience engagement through a listener dashboard.
Before creating and deploying Audio Native players, you’ll need to go through a few steps to configure Audio Native on your account. These steps include navigating to Audio Native settings, configuring whitelisted sites, customizing your Audio Native player’s appearance and default settings, and grabbing your embed code.
Once you've finished customizing your player, you can use the embed code to embed Audio Native into the HTML of any (whitelisted) site you'd like to have voiced by ElevenLabs.
There are three ways to deploy your Audio Native Player:
-
Embed and automatically voice the site: This method involves taking the code that you generated during Audio Native set up and embedding it into your website. The next time the site is opened, Audio Native will create a new Project, grab the webpage’s contents and put it into the newly created Project, and convert the Project into audio and deliver it to the Audio Native player.
-
Embed audio from an existing project: If you already have a Project converted to voice audio and would like to embed that voice audio in an Audio Native player, simply select share on the Project and use the generated HTML snippet to embed the voice audio on any whitelisted site.
-
Embed audio from content using our API: You can use the ElevenLabs API to programmatically create an Audio Native player for your existing content. This method involves submitting your content as either a .html or .txt file and ElevenLabs will return an embeddable HTML code for an Audio Native player which can be inserted into your website or blog.
Title: Overview - ElevenLabs
Path: https://elevenlabs.io/docs/audio-native/overview
Title: How to get started with API? – ElevenLabs
Path: https://help.elevenlabs.io/hc/en-us/articles/14599701318673-How-to-get-started-with-API
Title: Terms of Service | ElevenLabs
Path: https://elevenlabs.io/terms
Title: Introduction - ElevenLabs
Path: https://elevenlabs.io/docs/introduction
Title: API – ElevenLabs
Path: https://help.elevenlabs.io/hc/en-us/sections/14163158308369-API
Title: Introduction - ElevenLabs
Path: https://elevenlabs.io/docs/api-reference/quick-start/authentication
Title: Reducing Latency - ElevenLabs
Path: https://elevenlabs.io/docs/api-reference/reducing-latency
How about webpages that are not mine, but I just want to listen to the content. For example, I want to listen to a news website.