Fatal编程技术网

Javascript HTML5音频错误

javascript html audio

Javascript HTML5音频错误,javascript,html,audio,Javascript,Html,Audio,我正在尝试用谷歌翻译URL服务做TTS <script src="scripts/TTS.js"></script> <script> function longText() { longSentenceSpeak("hello world "); } </script> </head> <body> <audio id="

我正在尝试用谷歌翻译URL服务做TTS

    <script src="scripts/TTS.js"></script>
    <script>
       function longText()
       {
           longSentenceSpeak("hello world ");
       }
    </script>
</head>
<body>
    <audio id="audio">
        <source id="source" src="" type="audio/wav" />
    </audio>

    <div><button onclick="longText()">Click me</button></div>
</body>
下面是Javascript代码

function longSentenceSpeak(text)
{
    var string = text.trim().split(" ").join("+");
    var finalString = string.replace(";",",")
    var url = "http://www.translate.google.com/translate_tts?tl=en&q="+finalString;

    var audio = document.getElementById('audio');

    var source = document.getElementById('source');
    source.src=url;

    audio.load(); //call this to just preload the audio without playing
    audio.play(); //call this to play the song right away
}

    <script src="scripts/TTS.js"></script>
    <script>
       function longText()
       {
           longSentenceSpeak("hello world ");
       }
    </script>
</head>
<body>
    <audio id="audio">
        <source id="source" src="" type="audio/wav" />
    </audio>

    <div><button onclick="longText()">Click me</button></div>
</body>
下面是我的HTML

    <script src="scripts/TTS.js"></script>
    <script>
       function longText()
       {
           longSentenceSpeak("hello world ");
       }
    </script>
</head>
<body>
    <audio id="audio">
        <source id="source" src="" type="audio/wav" />
    </audio>

    <div><button onclick="longText()">Click me</button></div>
</body>
提供头衔 

    <script src="scripts/TTS.js"></script>
    <script>
       function longText()
       {
           longSentenceSpeak("hello world ");
       }
    </script>
</head>
<body>
    <audio id="audio">
        <source id="source" src="" type="audio/wav" />
    </audio>

    <div><button onclick="longText()">Click me</button></div>
</body>
但是我确信URL是正确的，因为你可以试试这个

    <script src="scripts/TTS.js"></script>
    <script>
       function longText()
       {
           longSentenceSpeak("hello world ");
       }
    </script>
</head>
<body>
    <audio id="audio">
        <source id="source" src="" type="audio/wav" />
    </audio>

    <div><button onclick="longText()">Click me</button></div>
</body>


    <script src="scripts/TTS.js"></script>
    <script>
       function longText()
       {
           longSentenceSpeak("hello world ");
       }
    </script>
</head>
<body>
    <audio id="audio">
        <source id="source" src="" type="audio/wav" />
    </audio>

    <div><button onclick="longText()">Click me</button></div>
</body>
下面是jsfiddle链接

    <script src="scripts/TTS.js"></script>
    <script>
       function longText()
       {
           longSentenceSpeak("hello world ");
       }
    </script>
</head>
<body>
    <audio id="audio">
        <source id="source" src="" type="audio/wav" />
    </audio>

    <div><button onclick="longText()">Click me</button></div>
</body>


    <script src="scripts/TTS.js"></script>
    <script>
       function longText()
       {
           longSentenceSpeak("hello world ");
       }
    </script>
</head>
<body>
    <audio id="audio">
        <source id="source" src="" type="audio/wav" />
    </audio>

    <div><button onclick="longText()">Click me</button></div>
</body>
我做错了什么？

我刚刚复制了你的代码，一切都很好

    <script src="scripts/TTS.js"></script>
    <script>
       function longText()
       {
           longSentenceSpeak("hello world ");
       }
    </script>
</head>
<body>
    <audio id="audio">
        <source id="source" src="" type="audio/wav" />
    </audio>

    <div><button onclick="longText()">Click me</button></div>
</body>

函数longSentenceSpeak（文本）{
var string=text.trim（）.split（“”）。join（“”）；
var finalString=string.replace（“；”，“，”））
变量url=”http://www.translate.google.com/translate_tts?tl=en&q=“+最后一环；
var audio=document.getElementById（'audio'）；
var source=document.getElementById（'source'）；
source.src=url；
audio.load（）；//调用此函数只预加载音频而不播放
audio.play（）；//调用此命令立即播放歌曲
}

函数longText（）{
LongstenceSpeak（“你好，世界”）；
}
点击我
我实际上遇到了一个错误：，有时有效，有时无效。没有声音。。给出错误“加载资源失败：服务器以404（未找到）状态响应（14:45:09:044 |错误，网络）您在哪个web浏览器上使用？在这种情况下，一定是某种浏览器不兼容。我已经在Firefox上检查过了。在这里你可以找到关于你的问题的更多信息。