0

我在我的 Windows（和 Linux 计算机）上安装了 Mary TTS（版本 5.1.2）。我启动了 Mary TTS 服务器和 Mary TTS 客户端，并在 GUI 窗口中进行了一些文本到音频转换的试验（它很棒）。

我想在我的网站上使用 Mary TTS 来大声朗读文本，用户可以在输入字段中添加文本并像在 GUI 窗口中一样生成输出，而无需使用 java 客户端。

例如：

<input type="text" id="text">
<button onclick="play('text');">Speak it</button>

<script>
function play(id){
    var text = document.getElementById(id).value;
    var a = new Audio(text);
        a.play();
    }
</script>

只是开始..我无法意识到如何在 HTML/JavaScript 和 PHP 中做到这一点？

4

1 回答 1

1

步骤 1. 在服务器上托管 MaryTTS

我编写了marytts-http来包装 MaryTTS，因此很容易部署到 Heroku，尽管您也可以将它部署到其他服务器。

首先你需要一个 Heroku 帐户，然后安装他们的toolbelt并运行heroku login.

之后，您可以marytts-http像这样部署到 Heroku：

git clone https://github.com/draffensperger/marytts-http
cd marytts-http
heroku create
git push heroku master

步骤 2. 在您的网站中使用您托管的 MaryTTS 实例

Heroku 将为marytts-http您在上面创建的实例命名，稍后您可以在 Heroku 仪表板上更改该名称。假设您的实例名称是my-marytts，那么获取文本转语音音频文件的 URL 将是my-marytts.herokuapp.com/?text=Hello（只需指定text查询参数）。

要将音频嵌入您的网站，您应该使用<audio>标签，例如：

<audio src="my-marytts.herokuapp.com/?text=Hello" autoplay></audio>

这autoplay使它在加载元素时开始音频。因此，在您的情况下，您可以做的是<audio>在用户单击按钮后动态添加一个元素，例如：

<input type="text" id="text">
<button onclick="play('text');">Speak it</button>

<span id="audio-container" style="display:none;"></span>

<script>
function play(id) {
  var maryttsHost = 'https://example-mary-tts.herokuapp.com'
  var text = document.getElementById(id).value;
  var container = document.getElementById("audio-container");
  var audioSrc = maryttsHost + '/?text=' + encodeURIComponent(text);
  container.innerHTML = '<audio src="' + audioSrc + '" autoplay></audio>';
}
</script>

您需要在maryttsHost上面进行更改以匹配marytts-httpHeroku 上实例的实际 URL。

于 2015-08-02T22:40:26.513 回答