Node.js 404使用Jade/Pug在网页上输出音频时出错
我试图通过一个网页使用IBMWatson文本到语音api。在网页上,我有一个表单,其中包含用户希望阅读的句子或单词,还有一个按钮“SPEAK!”,用于完成并阅读表单输入。我的问题是,当我在控制台中查看以确保一切顺利进行时,我发现没有找到我的音频文件 App.js——这是连接到api的代码,然后将合成的代码发送到“audioFiles/Output.ogg”,在那里可以访问这些代码Node.js 404使用Jade/Pug在网页上输出音频时出错,node.js,text-to-speech,ibm-watson,Node.js,Text To Speech,Ibm Watson,我试图通过一个网页使用IBMWatson文本到语音api。在网页上,我有一个表单,其中包含用户希望阅读的句子或单词,还有一个按钮“SPEAK!”,用于完成并阅读表单输入。我的问题是,当我在控制台中查看以确保一切顺利进行时,我发现没有找到我的音频文件 App.js——这是连接到api的代码,然后将合成的代码发送到“audioFiles/Output.ogg”,在那里可以访问这些代码 var input; app.get("/speech", function(req, res, next) {
var input;
app.get("/speech", function(req, res, next) {
input = req.query.speech;
const TextToSpeechV1 = require('watson-developer-cloud/text-to-speech/v1');
const fs = require('file-system');
if(input) {
var intentValNumber = input.length;
}
console.log(intentValNumber);
if (intentValNumber > 0) {
const text_to_speech = new TextToSpeechV1({
url: "URL is here",
username: 'UserName is here',
password: 'PassWord is here',
version_date: TextToSpeechV1.VERSION_DATE_2017_04_26
});
var params = {
text: input,
voice: 'en-US_MichaelVoice',
accept: 'audio/ogg'
};
console.log(input);
// Pipe the synthesized text to a file.
text_to_speech.synthesize(params).on('error', function(error) {
console.log('Error:', error);
}).pipe(fs.createWriteStream('audioFiles/output.ogg'));
};
next();
});
speech.pug——这是执行表单和音频的地方
extends layout
block content
.main.container.row
.col-md-6.col-md-offset-3
h1.display-4.m-b-2 Magic Reading!
form(method="GET" action="/speech")
div.form-group
label(for='speech') Type something to be spoken:
input#speech.form-control(type='text', placeholder='Type something to be read' name='speech')
button.btn.btn-primary(type='submit') SPEAK!
audio(controls='', autoplay='')
source(src='../audioFiles/output.ogg', type='audio/ogg')
特定错误-获取
提前感谢您的建议!如果有人需要有关错误或代码的更多信息,请告诉我
编辑--这是我的目录结构的简化版本
Project
|
+-- audioFiles(folder)
| |
| + - output.ogg
| + - music.mp3
|
+-- public(folder)
| |
| + - images(folder)
| + - stylesheets(folder)
|
+-- routes(folder)
| |
| +-- index.js
|
+-- views(folder)
| |
| +-- speech.pug
|
+ -- app.js
在你的
app.js
app.use(“/audioFiles”,express.static(path.join(\uu dirname,“audioFiles”))
那么,不应该给出
404
错误。服务器上是否存在audioFiles/output.ogg
?如果是,则加载静态内容时出现问题。@Mukesh Sharma是的,服务器上确实存在静态内容。如果我在加载静态内容时遇到问题,我将如何解决?酷。显示您的目录结构。你必须使用express.static
@Mukesh Sharma我在我的主要帖子中添加了一个目录结构的编辑。我刚刚阅读了关于静态文件的内容,它说静态文件是一个不随用户输入或操作而改变的文件,但我的音频文件会根据给定的表单输入而改变。这仍然是一个静态文件,还是我有另一个问题,而不是加载静态文件的错误?非常感谢!它确实消除了404错误,并在页面上发出音频!再问一个问题,这可能会完全把你引向另一个方向。。。静态文件可以“动态”更新还是实时更新?我在最近的评论/回复中提到,当输入改变时,我的音频文件需要改变。静态文件可以这样更改吗?抱歉,如果这完全改变了我最初提出的问题。static
是一个模糊的术语。是的,如果底层文件发生变化,url将提供最新的内容。我一直在尝试你给我的代码,效果很好,只有一个问题。当我的音频文件更改时,该站点不提供新音频,而是提供以前的音频文件。我注意到只有当我离开网站回来时它才会改变。我需要它在音频文件更改后立即更改。我该怎么做?我的一部分认为我需要一些其他的技术,而不是“express.static”方法。。。