Javascript，Jquery - Google TTS适用于本地计算机，但不适用于服务器

Question

我正在制作一个文本到语音聊天系统的原型，并遇到了我的代码问题。在我的本地机器上（在c：/上运行），用户输入一个文本并将其转换为语音，它运行良好。但是，当我把网站放在我的服务器上时，该功能根本不起作用。知道我能做些什么让它起作用吗？

相关代码：

<input type="text" name="text" id="text">
<a href="#" class="say" > Send</a>
<audio src="" class= "speech" hidden></audio>

$(function() {

    // Text to speech
    $('a.say').on('click', function(e) {
    e.preventDefault();

    if ($('#text').val() == '' ) { //Validering av tekstfelt
    alert('Vennligst skriv noe i tekstboksen.');
    }
    else {

    var text = $('input[name ="text"]').val();
    text = encodeURIComponent(text);
    console.log(text);
    var url = "https://translate.google.com/translate_tts?ie=UTF-8&q=" + text + "&tl=no";
    $('audio').attr('src', url).get(0).play();
     });
    });