Audio Native - get error

[arashberlin]

Audio Native - get error

[Mateusz-Kopec]

Hi @arashberlin, thank you for reaching out!

Our article retriever needs to have access to the website where the AudioNative player is hosted. So if you are testing with localhost, it cannot get access to the website and that's where error is coming from. I'll look into making error message correct though, thanks for pointing that out.

There are few ways you can test the player locally:

1. Use ngrok, localtunnel or similar service to expose the localhost to the world and then allowlist the exposed url in Elevenlabs.
2. Use projects and embed the existing project - https://elevenlabs.io/docs/audio-native/overview#method-2-embed-audio-from-an-existing-project
3. Use API to integrate - https://elevenlabs.io/docs/audio-native/overview#method-3-embed-audio-from-content-using-our-api

Let me know if that works for you!

[lharries]

Additionally, here's the guide for that example that discusses Ngrok, let me know if it doesn't work and I can reopen this comment https://elevenlabs.io/docs/audio-native/audio-native-react

[arashberlin]

Many thanks for the prompt response. I am impressed with your solution and am exploring various use cases for my company. However, I am unable to utilize the widget on our intranet, as it retrieves a response from the endpoint https://api.elevenlabs.io/v1/... and plays back the audio.

Sadly, we are not allowed to use any proxies in our environment. Your AudioNative player only works on internet (web) applications.

I can employ your API endpoint to send the text and receive the result, or alternatively, prepare the audio in advance and use it with my own custom-developed "widget".

Are you familiar with Make.com? It might be possible to use Make.com to transmit and receive data from your endpoint.

Regards
Arash

[lharries]

If you can't load from our URL I think you'd be better using our TTS endpoint and then storing the audio on S3 or another source. Here's a tutorial for you on how to do that: https://elevenlabs.io/docs/api-reference/how-to-use-tts-with-streaming