tts test

<textarea id="text" rows=15 cols=80 maxlength=500>
</textarea>
<div>
    <audio id="audio" controls="">
        <source id="source" type="audio/wav">
    </audio>
<div>
<div>
    <button type="submit" id="button">OMEGA</button>
</div>
<span id="charlen">0</span>

<script>

document.getElementById("text").oninput = function() {
    document.getElementById("charlen").innerHTML = document.getElementById("text").value.length;
};

document.getElementById("button").onclick = async function() {
    let text = document.getElementById("text").value;
    let speak = await fetch("https://api.streamelements.com/kappa/v2/speech?voice=Hans&text=" + encodeURIComponent(text.trim()));

    if (speak.status != 200) {
        alert(await speak.text());
        return;
    }

    let mp3 = await speak.blob();

    let blobUrl = URL.createObjectURL(mp3);
    document.getElementById("source").setAttribute("src", blobUrl);
    let audio = document.getElementById("audio");
    audio.pause();
    audio.load();
    audio.play();
};
</script>