Playing audio generated from ElevenLabs in frontend JavaScript

elevenlabs.js

import axios from 'axios';

const playAudio = async ({ text, voiceId }) => {
  const response = await axios.post(
    `https://api.elevenlabs.io/v1/text-to-speech/${voiceId}`,
    { text },
    {
      headers: {
        'Content-Type': 'application/json',
        'xi-api-key': process.env.REACT_APP_ELEVENLABS_API_KEY
      },
      responseType: 'blob'
    }
  );

  const audio = new Audio(URL.createObjectURL(response.data));
  audio.play();

  await new Promise(resolve => {
    audio.addEventListener('ended', () => {
      resolve();
    });
  });
};

export { playAudio };

https://elevenlabs.io/