app.js

const audio = document.getElementById("audio");
const button = document.getElementById("button");

const apiKey = "26e317e2185f49a68e8c0c69e45d9953";
const apiURL = `http://api.voicerss.org/?key=${apiKey}&hl=en-us&src=Hello, world!`;

const jokeURL = "https://v2.jokeapi.dev/joke/Any?blacklistFlags=nsfw,religious,political,racist,sexist,explicit";

const VoiceRSS={speech:
    function(e){
        this._validate(e),
        this._request(e)},
        _validate:
        function(e){
            if(!e)throw"The settings are undefined";
            if(!e.key)throw"The API key is undefined";
            if(!e.src)throw"The text is undefined";
            if(!e.hl)throw"The language is undefined";
            if(e.c&&"auto"!=e.c.toLowerCase()){
                var a=!1;switch(e.c.toLowerCase()){
                    case"mp3":a=(new Audio).canPlayType("audio/mpeg").replace("no","");
                    break;
                    case"wav":a=(new Audio).canPlayType("audio/wav").replace("no","");
                    break;
                    case"aac":a=(new Audio).canPlayType("audio/aac").replace("no","");
                    break;
                    case"ogg":a=(new Audio).canPlayType("audio/ogg").replace("no","");
                    break;
                    case"caf":a=(new Audio).canPlayType("audio/x-caf").replace("no","")}
                    if(!a)throw"The browser does not support the audio codec "+e.c}},
                    _request: function(e){
                        var a=this._buildRequest(e),
                            t=this._getXHR();
                        t.onreadystatechange=function(){
                            if(4==t.readyState&&200==t.status){
                                if(0==t.responseText.indexOf("ERROR"))throw t.responseText;
                                // new Audio(t.responseText).play()
                                audio.src = t.responseText;
                                audio.play();
                            }}, t.open("POST","https://api.voicerss.org/",!0), t.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8"), t.send(a)},
                    _buildRequest:function(e){
                        var a=e.c&&"auto"!=e.c.toLowerCase()?e.c:
                        this._detectCodec();
                        return"key="+(e.key||"")+"&src="+(e.src||"")+"&hl="+(e.hl||"")+"&v="+(e.v||"")+"&r="+(e.r||"")+"&c="+(a||"")+"&f="+(e.f||"")+"&ssml="+(e.ssml||"")+"&b64=true"},
                    _detectCodec:function(){
                        var e=new Audio;return e.canPlayType("audio/mpeg")
                        .replace("no","")?"mp3":e.canPlayType("audio/wav").replace("no","")?"wav":e.canPlayType("audio/aac").replace("no","")?"aac":e.canPlayType("audio/ogg").replace("no","")?"ogg":e.canPlayType("audio/x-caf").replace("no","")?"caf":""
                    },
                    _getXHR:function(){
                        try{
                            return new XMLHttpRequest}
                            catch(e){}try{
                                return new ActiveXObject("Msxml3.XMLHTTP")}
                                catch(e){}try{return new ActiveXObject("Msxml2.XMLHTTP.6.0")}
                                catch(e){}try{return new ActiveXObject("Msxml2.XMLHTTP.3.0")}
                                catch(e){}try{return new ActiveXObject("Msxml2.XMLHTTP")}
                                catch(e){}try{return new ActiveXObject("Microsoft.XMLHTTP")}
                                catch(e){}throw"The browser does not support HTTP request"}
                            };



//Disable/eneble button
function toggleButton() {
    button.disabled = !button.disabled;
}

//Passing joke to VoiceRss API
function tellMe(joke){
    console.log(joke);
    VoiceRSS.speech({
        key: apiKey,
        src: joke,
        hl: 'en-us',
        v: 'Linda',
        r: 0, 
        c: 'mp3',
        f: '44khz_16bit_stereo',
        ssml: false
    });
};

//Getting the jokes
async function getJokes() {
    let jokeText = "";
    try {
        const result = await fetch(jokeURL);
        const data = await result.json();
        if (data.setup) {
            jokeText = `${data.setup} ... ${data.delivery}`;
        } else {
            jokeText = data.joke;
        }
        //Text-to-speach
        tellMe(jokeText);
        //disable/enable button
        toggleButton();
    } catch (error) {
        console.log(error);
    }
}


//Button plays the text
button.addEventListener("click", getJokes);
audio.addEventListener('ended', toggleButton);