我正在尝试访问index.html中在angular之外加载的javascript函数。这是因为节点的google-tts没有安装在pi上。我想使用js版本的google-tts来传递文本以将其转换为文本到语音。但是，我似乎无法弄清楚如何从我的角度服务中访问所需的功能。
主控制器
(function(angular) {
'use strict';
function AppCtrl(AnnyangService, GeolocationService, WeatherService, MapService, HueService, CalendarService, SpeechService,SearchService,GoogleTTS, $scope, $rootScope, $timeout, $interval, $http, $window) {
$rootScope.speech_text = "";
//command for speak testing.
AnnyangService.addCommand('Speak *term', function(term) {
$rootScope.speech_text = term;
SpeechService.Speech(GoogleTTS);
});
}
angular.module('myApp')
.controller('AppCtrl', AppCtrl);
}(window.angular));
我的服务
(function() {
'use strict';
function SpeechService($window, $http, $rootScope, $q, GoogleTTS) {
var service = {};
service.events = [];
service.Speech = function(GoogleTTS) {
var speech_text = $rootScope.speech_text.toString();
console.log(speech_text);
GoogleTTS.then(function(GoogleTTS){
console.log("is ready");
tts = new GoogleTTS();
Say = function(text){
tts.play(text, 'en', function(err) {
if (err) {
alert(err.toString());
}
});
}
console.log("say");
Say(speech_text);
});
};
return service
}
angular.module('myApp')
.factory('SpeechService', SpeechService);
}());
因此我建议将google-tts包装在服务中
(function() {
'use strict';
function GoogleTTS($q){
var deferred = $q.defer();
fetch();
function fetch(){
if(window.GoogleTTS != undefined){
console.log("It found it horray");
deferred.resolve(window.GoogleTTS);
}
else{
console.log("bad angular");
setTimeout(function(){
fetch();
}, 500);
}
}
return deferred.promise;
}
angular.module('myApp')
.factory('GoogleTTS', GoogleTTS);
}());
但它没有在GoogleTTS服务中解析GoogleTTS，它仍然未定义，因为它无法从窗口找到该功能。
<script type="text/javascript" src="js/google-tts.js"></script>
<script type="text/javascript" src="js/google-tts-service.js"></script>
<script type="text/javascript" src="js/soundmanager2.js"></script>
控制台输出
annyang.js:211 Speech recognized: speak hello
annyang.js:220 command matched: Speak *term
annyang.js:222 with parameters ["hello"]
speech-service.js:10 hello
annyang-service.js:32 End undefined
9google-tts-service.js:19 bad angular
这是google-tts.js库脚本
! function(a, b) {
"use strict";
if ("function" == typeof define) define(b);
else if ("undefined" != typeof module && module.exports) module.exports = b();
else {
var c = window || this,
d = c[a],
e = b();
e.noConflict = function() {
return c[a] = d, e
}, c[a] = e
}
}("GoogleTTS", function() {
"use strict";
var a = function(b) {
var c = this,
d = 100;
c.defaultLanguage = b || "en";
var e = {
af: "Afrikaans",
sq: "Albanian",
ar: "Arabic",
hy: "Armenian",
ca: "Catalan",
"zh-CN": "Mandarin (simplified)",
"zh-TW": "Mandarin (traditional)",
hr: "Croatian",
cs: "Czech",
da: "Danish",
nl: "Dutch",
en: "English",
eo: "Esperanto",
fi: "Finnish",
fr: "French",
de: "German",
el: "Greek",
ht: "Haitian Creole",
hi: "Hindi",
hu: "Hungarian",
is: "Icelandic",
id: "Indonesian",
it: "Italian",
ja: "Japanese",
ko: "Korean",
la: "Latin",
lv: "Latvian",
mk: "Macedonian",
no: "Norwegian",
pl: "Polish",
pt: "Portuguese",
ro: "Romanian",
ru: "Russian",
sr: "Serbian",
sk: "Slovak",
es: "Spanish",
sw: "Swahili",
sv: "Swedish",
ta: "Tamil",
th: "Thai",
tr: "Turkish",
vi: "Vietnamese",
cy: "Welsh"
};
c._players = [new a.HTML5Player, new a.SM2Player], c.addPlayer = function(b) {
if (!(b instanceof a.Player)) throw new Error("Must be a instance of base Player class");
c._players.push(b)
}, c.languages = function() {
return e
}, c.getPlayer = function(a) {
if (c.availablePlayer) return a(null, c.availablePlayer);
var b, d = -1;
(b = function() {
return c._players.length <= ++d ? a() : (c._players[d].available(function(e) {
return e ? (c.availablePlayer = c._players[d], a(null, c.availablePlayer)) : (b(), void 0)
}), void 0)
}).call()
}, c.urls = function(a, b) {
if (b = b || c.defaultLanguage, !a || 0 >= a.length) throw new Error("Need some text");
for (var e = c._sliceInput(a, d), f = [], g = 0; g < e.length; ++g) {
var h = e[g];
f.push("http://translate.google.com/translate_tts?ie=UTF-8&tl=" + b + "&q=" + h + "&textlen=" + h.length + "&idx=" + g + "&total=" + e.length)
}
return f
}, c._sliceInput = function(a, b) {
var c = [],
d = 0;
do c.push(a.slice(d, d + b)), d += b; while (a.length > d);
return c
}, c.play = function(a, b, d) {
c.getPlayer(function(e, f) {
if (e) return d(e);
if (!f) return d(new Error("No playback mechanism is available"));
var g = c.urls(a, b),
h = null;
(h = function(a) {
return a ? d(a) : 0 >= g.length ? d() : (f.play(g.shift(), h), void 0)
}).call()
})
}
},
b = function(a, b) {
a.prototype = new b, a.prototype.constructor = a, a.prototype.parent = b.prototype
};
return a.Player = function() {
var a = this;
a.available = function() {
throw new Error("Not yet implemented")
}, a.play = function() {
throw new Error("Not yet implemented")
}, a.toString = function() {
throw new Error("Not yet implemented")
}
}, a.HTML5Player = function() {
var a = this;
a._available = null, a.available = function(b) {
return null === a._available ? (function(a) {
try {
if ("undefined" == typeof window.Audio) return a(null, !1);
var b = new Audio;
if ("probably" === b.canPlayType("audio/mpeg")) return a(null, !0);
b.addEventListener("canplaythrough", function() {
a(null, !0)
}, !1), b.addEventListener("error", function() {
a(null, !1)
}, !1), b.src = "data:audio/mpeg;base64,/+MYxAAAAANIAUAAAASEEB/jwOFM/0MM/90b/+RhST//w4NFwOjf///PZu////9lns5GFDv//l9GlUIEEIAAAgIg8Ir/JGq3/+MYxDsLIj5QMYcoAP0dv9HIjUcH//yYSg+CIbkGP//8w0bLVjUP///3Z0x5QCAv/yLjwtGKTEFNRTMuOTeqqqqqqqqqqqqq/+MYxEkNmdJkUYc4AKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq", b.load()
} catch (c) {
a(c)
}
}(function(c, d) {
c && console.log(c), a._available = d, b(a._available)
}), void 0) : (b(a._available), void 0)
}, a.play = function(a, b) {
try {
var c = new Audio;
c.src = a, c.addEventListener("ended", function() {
b()
}), c.play()
} catch (d) {
return b(d)
}
}, a.toString = function() {
return "HTML5 Audio"
}
}, b(a.HTML5Player, a.Player), a.SM2Player = function() {
var a = this;
a._available = null, a._soundId = 0, a._unique_instance_id = parseInt(1e3 * Math.random(), 10), a.available = function(b) {
null === a._available && "undefined" != typeof window.soundManager && "function" == typeof window.soundManager.ok && (a._available = window.soundManager.ok()), b(a._available)
}, a.play = function(b, c) {
try {
window.soundManager.createSound({
id: "googletts-" + a._unique_instance_id + "-" + ++a._soundId,
url: b,
onfinish: c
}).play()
} catch (d) {
c(d)
}
}, a.toString = function() {
return "SoundManager2"
}
}, b(a.SM2Player, a.Player), a
});
答案 0 :(得分：1)
首先，您应该将GoogleTTS包装在自己的服务上。
其次，当角度和GoogleTTS开始运行时，SpeechService可能尚未加载。
因此，当您将GoogleTTS打包到服务中时，您可以在加载时返回承诺，并使用then服务的GoogleTTS进行操作/ p>
创建一个包装GoogleTTS
angular.module('yourModule').factory('GoogleTTS', GoogleTTS)
/* @ngInject */
function GoogleTTS($q){
var deferred = $q.defer();
fetch();
function fetch(){
if(window.GoogleTTS != undefined){ //check if GoogleTTS is already loaded
deferred.resolve(window.GoogleTTS); //if loaded, resolve the promise and return the object
}
else{
setTimeout(function(){ //check every second until GoogleTTS is available
fetch();
}, 1000);
}
}
return deferred.promise;
}
然后您可以在服务中注入并使用它
(function() {
'use strict';
function SpeechService($window, $http, $rootScope, $q, GoogleTTS) {
var service = {};
service.events = [];
service.Speech = function() {
var speech_text = $rootScope.speech_text.toString();
console.log(speech_text);
console.log(this);
GoogleTTS.then(function(GoogleTTS){
tts = new GoogleTTS();
Say = function(text){
tts.play(text, 'en', function(err) {
if (err) {
alert(err.toString());
}
});
}
Say(speech_text);
});
};
return service
}
angular.module('TestApp')
.factory('SpeechService', SpeechService);
}());
代码未经测试，但你会做类似的事情