我是非常新的网页开发,我有一个错误与防火墙错误。
我正在使用Firebase和jQuery来制作一个web应用程序,它可以识别声音并将其翻译成文本。(演讲对文本,STT)
我必须实时推送STT结果,以便所有客户端都能看到文本。
但是,此事件侦听器中会出现问题:
finalSTTField.click(function (e) {
var message = finalSTTField.val();
sttRef.push({ text: message } );
});
作为STT的结果,finalSTTField中有一个字符串,声明如下:
var finalSTTField = $('#final_span');
我想通过使用火基来推送字符串:
var sttRef = new Firebase('https://sizzling-torch-2935.firebaseio.com/');
和
<div class="sttResultContainer">
<ul id="sttMessages"></ul>
</div>
使用
var sttResults = $('#sttMessages');
sttRef.limitToLast(10).on('child_added', function (snapshot) {
var data = snapshot.val();
var sttText = data.value();
var messageElement = $("<li>");
messageElement.text(sttText);
sttResults.append(messageElement);
sttResults[0].scrollTop = sttResults[0].scrollHeight;
});
但在sttResults中什么也没有显示出来。
在chrome浏览器上的错误消息是: firebase.js:26未定义的TypeError:未定义不是一个函数
每次发生单击事件时,错误计数都会增加。(奇怪的是,计数从10开始)
第一批STT转录本在#final_span范围内表现良好。但我必须在#final_span中实时推送字符串.
谁来帮帮我!这是我的第一个网络应用..。
完整的源代码在这里:JSFiddle中的全源
发布于 2015-01-25 06:36:53
这句话是错的:
var sttText = data.value();
在调用快照上的val()
以获取值之后,将得到一个JSON对象。没有在该对象上定义任何方法。相反,您的文本位于子属性中,因此您可以获得如下所示:
var data = snapshot.val();
var sttText = data.text;
请注意,如果在提取数据后放置console.log
语句,则很容易找到这样的问题:
var data = snapshot.val();
console.log(data);
这是一种非常常见的故障排除技术。在你的小提琴上印着:
对象{文本:""}
https://stackoverflow.com/questions/28136344
复制