[add] iOS TTS
This commit is contained in:
parent
33aac332c5
commit
4bee99bfcb
@ -1,119 +1,123 @@
|
|||||||
import Text_to_Speech from "./Text_to_Speech";
|
import NativeClass from "./NativeClass";
|
||||||
|
|
||||||
const { ccclass, property } = cc._decorator;
|
const { ccclass, property } = cc._decorator;
|
||||||
|
|
||||||
@ccclass
|
@ccclass
|
||||||
export default class Manager extends cc.Component {
|
export default class Manager extends cc.Component {
|
||||||
//#region 外調參數
|
//#region 外調參數
|
||||||
|
|
||||||
@property({ type: cc.WebView })
|
@property({ type: cc.WebView })
|
||||||
public webview: cc.WebView = null;
|
public webview: cc.WebView = null;
|
||||||
|
|
||||||
@property({ type: cc.Node })
|
@property({ type: cc.Node })
|
||||||
public BG: cc.Node = null;
|
public BG: cc.Node = null;
|
||||||
|
|
||||||
//#endregion
|
//#endregion
|
||||||
|
|
||||||
//#region private
|
//#region private
|
||||||
|
|
||||||
private _text_to_Speech: Text_to_Speech;
|
// private _text_to_Speech: Text_to_Speech;
|
||||||
|
|
||||||
//#endregion
|
//#endregion
|
||||||
|
|
||||||
//#region Lifecycle
|
//#region Lifecycle
|
||||||
|
|
||||||
protected onLoad(): void {
|
protected onLoad(): void {
|
||||||
if (CC_DEBUG) {
|
if (CC_DEBUG) {
|
||||||
console.log("Debug");
|
console.log("Debug");
|
||||||
}
|
}
|
||||||
let self: this = this;
|
|
||||||
this._text_to_Speech = new Text_to_Speech();
|
|
||||||
window.addEventListener("message", function (e: MessageEvent<any>): void {
|
|
||||||
let data: any = e.data;
|
|
||||||
let method: string = data.method;
|
|
||||||
let value: any = data.value;
|
|
||||||
self.Birdge(method, ...value);
|
|
||||||
}, false);
|
|
||||||
|
|
||||||
if (!window["Bridge"]) {
|
new NativeClass();
|
||||||
window["Bridge"] = function (method: string = "", value: string = ""): void {
|
|
||||||
self.Birdge(method, value);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
let href: string = window.location.href;
|
|
||||||
|
|
||||||
// let url: string = `https://karolchang.github.io/jm-expense-vue-ts/?host=${href}&ignore=${Date.now()}`;
|
let self: this = this;
|
||||||
// let url: string = `http://220.134.195.1/public/bonus_casino/html5/jianmiau/BJ_Casino_Rank/?v=${Date.now()}`;
|
// this._text_to_Speech = new Text_to_Speech();
|
||||||
// let url: string = `http://karol.jianmiau.cf/jm-expense-vue-ts/?v=${Date.now()}`;
|
window.addEventListener("message", function (e: MessageEvent<any>): void {
|
||||||
let url: string = `https://jm-expense-2022.firebaseapp.com/login?v=${Date.now()}`;
|
let data: any = e.data;
|
||||||
this.webview.url = url;
|
let method: string = data.method;
|
||||||
// this.webview.url = `http://localhost:8080/jm-expense-vue-ts/?host=${href}&ignore=${Date.now()}`;
|
let value: any = data.value;
|
||||||
this.webview.node.active = true;
|
self.Birdge(method, ...value);
|
||||||
|
}, false);
|
||||||
|
|
||||||
cc.view.setResizeCallback(this._resize.bind(this));
|
if (!window["Bridge"]) {
|
||||||
this._resize();
|
window["Bridge"] = function (method: string = "", value: string = ""): void {
|
||||||
}
|
self.Birdge(method, value);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
let href: string = window.location.href;
|
||||||
|
|
||||||
/** 跨版本溝通
|
// let url: string = `https://karolchang.github.io/jm-expense-vue-ts/?host=${href}&ignore=${Date.now()}`;
|
||||||
* @example
|
// let url: string = `http://220.134.195.1/public/bonus_casino/html5/jianmiau/BJ_Casino_Rank/?v=${Date.now()}`;
|
||||||
* CallParent('Speak', '我愛豬涵')
|
// let url: string = `http://karol.jianmiau.cf/jm-expense-vue-ts/?v=${Date.now()}`;
|
||||||
*/
|
let url: string = `https://jm-expense-2022.firebaseapp.com/login?v=${Date.now()}`;
|
||||||
public Birdge(method: string, value: string = ""): void {
|
this.webview.url = url;
|
||||||
let self: this = this;
|
// this.webview.url = `http://localhost:8080/jm-expense-vue-ts/?host=${href}&ignore=${Date.now()}`;
|
||||||
if (method && self[method]) {
|
this.webview.node.active = true;
|
||||||
if (value) {
|
|
||||||
self[method](value);
|
|
||||||
return;
|
|
||||||
} else if (self[method]) {
|
|
||||||
self[method]();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
console.log(`not function: ${method}, value: ${value}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
public CloseBG(): void {
|
cc.view.setResizeCallback(this._resize.bind(this));
|
||||||
this.BG.destroy();
|
this._resize();
|
||||||
}
|
}
|
||||||
|
|
||||||
public Log(msg: string): void {
|
/** 跨版本溝通
|
||||||
console.log(msg);
|
* @example
|
||||||
}
|
* CallParent('Speak', '我愛豬涵')
|
||||||
|
*/
|
||||||
|
public Birdge(method: string, value: string = ""): void {
|
||||||
|
let self: this = this;
|
||||||
|
if (method && self[method]) {
|
||||||
|
if (value) {
|
||||||
|
self[method](value);
|
||||||
|
return;
|
||||||
|
} else if (self[method]) {
|
||||||
|
self[method]();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
console.log(`not function: ${method}, value: ${value}`);
|
||||||
|
}
|
||||||
|
|
||||||
public Speak(msg: string): void {
|
public CloseBG(): void {
|
||||||
this._text_to_Speech.speak(msg);
|
this.BG.destroy();
|
||||||
}
|
}
|
||||||
|
|
||||||
public Alert(msg: string): void {
|
public Log(msg: string): void {
|
||||||
alert(msg);
|
console.log(msg);
|
||||||
}
|
}
|
||||||
|
|
||||||
private _resize(): void {
|
public Speak(msg: string): void {
|
||||||
let Canvas: cc.Canvas = cc.Canvas.instance;
|
// this._text_to_Speech.speak(msg);
|
||||||
let rect: DOMRect = cc.game.canvas.getBoundingClientRect();
|
NativeClass.Instance.TTS_Play(msg);
|
||||||
/** 判断是否是横屏 */
|
}
|
||||||
let landscape: boolean = false;
|
|
||||||
if (rect.width > rect.height) {
|
|
||||||
landscape = true;
|
|
||||||
}
|
|
||||||
// 根据横竖屏调整节点的位置适配等
|
|
||||||
let frameSize: cc.Size = cc.view.getFrameSize();
|
|
||||||
if (landscape) {
|
|
||||||
// 横屏
|
|
||||||
cc.view.setOrientation(cc.macro.ORIENTATION_LANDSCAPE);
|
|
||||||
if (frameSize.height > frameSize.width) {
|
|
||||||
cc.view.setFrameSize(frameSize.height, frameSize.width);
|
|
||||||
}
|
|
||||||
Canvas.designResolution = cc.size(1920, 1080);
|
|
||||||
} else {
|
|
||||||
// 竖屏
|
|
||||||
cc.view.setOrientation(cc.macro.ORIENTATION_PORTRAIT);
|
|
||||||
if (frameSize.width > frameSize.height) {
|
|
||||||
cc.view.setFrameSize(frameSize.height, frameSize.width);
|
|
||||||
}
|
|
||||||
Canvas.designResolution = cc.size(1080, 1920);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//#endregion
|
public Alert(msg: string): void {
|
||||||
|
alert(msg);
|
||||||
|
}
|
||||||
|
|
||||||
|
private _resize(): void {
|
||||||
|
let Canvas: cc.Canvas = cc.Canvas.instance;
|
||||||
|
let rect: DOMRect = cc.game.canvas.getBoundingClientRect();
|
||||||
|
/** 判断是否是横屏 */
|
||||||
|
let landscape: boolean = false;
|
||||||
|
if (rect.width > rect.height) {
|
||||||
|
landscape = true;
|
||||||
|
}
|
||||||
|
// 根据横竖屏调整节点的位置适配等
|
||||||
|
let frameSize: cc.Size = cc.view.getFrameSize();
|
||||||
|
if (landscape) {
|
||||||
|
// 横屏
|
||||||
|
cc.view.setOrientation(cc.macro.ORIENTATION_LANDSCAPE);
|
||||||
|
if (frameSize.height > frameSize.width) {
|
||||||
|
cc.view.setFrameSize(frameSize.height, frameSize.width);
|
||||||
|
}
|
||||||
|
Canvas.designResolution = cc.size(1920, 1080);
|
||||||
|
} else {
|
||||||
|
// 竖屏
|
||||||
|
cc.view.setOrientation(cc.macro.ORIENTATION_PORTRAIT);
|
||||||
|
if (frameSize.width > frameSize.height) {
|
||||||
|
cc.view.setFrameSize(frameSize.height, frameSize.width);
|
||||||
|
}
|
||||||
|
Canvas.designResolution = cc.size(1080, 1920);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//#endregion
|
||||||
}
|
}
|
||||||
|
|||||||
194
assets/Script/NativeClass.ts
Normal file
194
assets/Script/NativeClass.ts
Normal file
@ -0,0 +1,194 @@
|
|||||||
|
const { ccclass } = cc._decorator;
|
||||||
|
|
||||||
|
@ccclass
|
||||||
|
export default class NativeClass extends cc.Component {
|
||||||
|
//#region static 屬性
|
||||||
|
|
||||||
|
private static _instance: NativeClass = null;
|
||||||
|
public static get Instance(): NativeClass { return NativeClass._instance; }
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region public 屬性
|
||||||
|
|
||||||
|
public URLscheme: Object = {};
|
||||||
|
|
||||||
|
public URLschemeFlags: number = 0;
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region Lifecycle
|
||||||
|
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
NativeClass._instance = this;
|
||||||
|
this.init();
|
||||||
|
}
|
||||||
|
|
||||||
|
private init(): void {
|
||||||
|
let self: this = this;
|
||||||
|
let HttpData: any[] = [];
|
||||||
|
// let HttpParmData: any[] = [];
|
||||||
|
// 註冊要被Java、OC呼叫的事件
|
||||||
|
if (!window["JSBridge"]) {
|
||||||
|
window["JSBridge"] = function (method: string = "", value: string = ""): void {
|
||||||
|
if (method || self[method]) {
|
||||||
|
if (value) {
|
||||||
|
self[method](value);
|
||||||
|
} else if (self[method]) {
|
||||||
|
self[method]();
|
||||||
|
} else {
|
||||||
|
console.log(`not function: ${method}, value: ${value}`);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
console.log(`not function: ${method}, value: ${value}`);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
if (cc.sys.isBrowser) {
|
||||||
|
let url: string = window.location.search;
|
||||||
|
// let request: object = [];
|
||||||
|
if (url.indexOf("?") !== -1) {
|
||||||
|
let str: string = url.substring(1);
|
||||||
|
let strs: string[] = str.split("&");
|
||||||
|
for (let i: number = 0; i < strs.length; i++) {
|
||||||
|
this.URLscheme[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
switch (cc.sys.os) {
|
||||||
|
case cc.sys.OS_WINDOWS: {
|
||||||
|
// cc.sys.platform = 101(DESKTOP_BROWSER)
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case cc.sys.OS_ANDROID: {
|
||||||
|
// cc.sys.platform = 3(Android)
|
||||||
|
|
||||||
|
// 呼叫Java取得由URL打開時的網址(呼叫getIntent 無帶入參數(null) 回傳字串((Ljava/lang/String;)Ljava/lang/String;))
|
||||||
|
/** 取得由URL打開時的網址(內容是自己取得後用特殊符號拼成字串) */
|
||||||
|
let scheme: any = jsb.reflection.callStaticMethod("org/cocos2dx/javascript/AppActivity", "getURLData", "(Ljava/lang/String;)Ljava/lang/String;", null);
|
||||||
|
if (scheme && scheme !== "null") {
|
||||||
|
let _Get_Arr: string[] = scheme.split("?");
|
||||||
|
let Get_Arr: string[] = _Get_Arr[1].split("#");
|
||||||
|
for (let i: number = 0; i < Get_Arr.length; i++) {
|
||||||
|
let Get: string[] = Get_Arr[i].split("$");
|
||||||
|
HttpData[Get[0]] = Get[1];
|
||||||
|
}
|
||||||
|
let Query: string = HttpData["Query"];
|
||||||
|
if (Query) {
|
||||||
|
Get_Arr = Query.split("&");
|
||||||
|
for (let i: number = 0; i < Get_Arr.length; i++) {
|
||||||
|
let Get: string[] = Get_Arr[i].split("=");
|
||||||
|
this.URLscheme[Get[0]] = Get[1];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// cc.log("getIntent OK, " + getIntent);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
case cc.sys.OS_IOS: {
|
||||||
|
// cc.sys.platform = 4(iPhone)
|
||||||
|
|
||||||
|
// 呼叫OC取得由URL打開時的網址(呼叫getIntent 無帶入參數 回傳字串)(開發中功能,預計要取得由URL打開時的網址)
|
||||||
|
/** 取得由URL打開時的網址(內容是自己取得後用特殊符號拼成字串) */
|
||||||
|
let scheme: any = jsb.reflection.callStaticMethod("AppController", "getIntent");
|
||||||
|
if (scheme && scheme !== "null") {
|
||||||
|
let Get_Arr: string[] = scheme.split("#");
|
||||||
|
for (let i: number = 0; i < Get_Arr.length; i++) {
|
||||||
|
let Get: string[] = Get_Arr[i].split("$");
|
||||||
|
HttpData[Get[0]] = Get[1];
|
||||||
|
}
|
||||||
|
let Query: string = HttpData["Query"];
|
||||||
|
if (Query) {
|
||||||
|
Get_Arr = Query.split("&");
|
||||||
|
for (let i: number = 0; i < Get_Arr.length; i++) {
|
||||||
|
let Get: string[] = Get_Arr[i].split("=");
|
||||||
|
this.URLscheme[Get[0]] = Get[1];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// cc.log("getIntent OK, " + getIntent);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
default: {
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
|
||||||
|
//#region Custom Function
|
||||||
|
|
||||||
|
/**
|
||||||
|
* TTS_Play
|
||||||
|
* @param {string} msg msg
|
||||||
|
*/
|
||||||
|
public TTS_Play(msg: string): void {
|
||||||
|
switch (cc.sys.os) {
|
||||||
|
case cc.sys.OS_WINDOWS: {
|
||||||
|
// // 網頁端
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case cc.sys.OS_ANDROID: {
|
||||||
|
jsb.reflection.callStaticMethod("org/cocos2dx/javascript/AppActivity", "TTS_Play", "(Ljava/lang/String;)V", msg);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
case cc.sys.OS_IOS: {
|
||||||
|
jsb.reflection.callStaticMethod("AppController", "TTS_Play:", msg);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
default: {
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public HideNativeSplash(): void {
|
||||||
|
if (CC_JSB) {
|
||||||
|
if (cc.sys.os === cc.sys.OS_ANDROID) {
|
||||||
|
// 反射调用原生的隐藏方法
|
||||||
|
jsb.reflection.callStaticMethod(
|
||||||
|
"org/cocos2dx/javascript/AppActivity",
|
||||||
|
"hideSplash",
|
||||||
|
"()V"
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public CCLOG(msg: String): void {
|
||||||
|
console.log(msg);
|
||||||
|
}
|
||||||
|
|
||||||
|
public DispatchCallback(msg: string): void {
|
||||||
|
let data: string[] = msg.split("=");
|
||||||
|
let data1: string[] = data[1] ? data[1].split("#") : [];
|
||||||
|
|
||||||
|
let scenename: string = cc.director.getScene().name;
|
||||||
|
// cc.director.on(cc.Director.EVENT_AFTER_SCENE_LAUNCH, callback, this);
|
||||||
|
// this.NativeCallback.DispatchCallback(data[0], data1);
|
||||||
|
}
|
||||||
|
|
||||||
|
public ClearAllCache(): void {
|
||||||
|
cc.sys.localStorage.clear();
|
||||||
|
cc.assetManager.bundles.clear();
|
||||||
|
cc.assetManager.cacheManager.clearCache();
|
||||||
|
cc.game.restart();
|
||||||
|
}
|
||||||
|
|
||||||
|
//#endregion
|
||||||
|
}
|
||||||
|
|
||||||
|
//#region Enum
|
||||||
|
|
||||||
|
export enum DeepLink {
|
||||||
|
ClearAllCache = "ClearAllCache",
|
||||||
|
}
|
||||||
|
|
||||||
|
//#endregion
|
||||||
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"ver": "1.0.8",
|
"ver": "1.0.8",
|
||||||
"uuid": "99fa9c05-c449-4a27-b629-42f77916556a",
|
"uuid": "5558f747-ed9e-4040-9a01-3b89b99ac37a",
|
||||||
"isPlugin": false,
|
"isPlugin": false,
|
||||||
"loadPluginInWeb": true,
|
"loadPluginInWeb": true,
|
||||||
"loadPluginInNative": true,
|
"loadPluginInNative": true,
|
||||||
@ -1,41 +0,0 @@
|
|||||||
const responsiveVoice = window["responsiveVoice"];
|
|
||||||
|
|
||||||
export default class Text_to_Speech {
|
|
||||||
//#region 外調參數
|
|
||||||
|
|
||||||
private voice: string = null;
|
|
||||||
|
|
||||||
//#endregion
|
|
||||||
|
|
||||||
//#region Custom
|
|
||||||
|
|
||||||
constructor() {
|
|
||||||
let self: this = this;
|
|
||||||
responsiveVoice.init();
|
|
||||||
var voicelist = responsiveVoice.getVoices();
|
|
||||||
this.setDefaultVoice(voicelist[14].name);
|
|
||||||
}
|
|
||||||
|
|
||||||
public setDefaultVoice(voice: string): void {
|
|
||||||
this.voice = voice;
|
|
||||||
responsiveVoice.setDefaultVoice(voice);
|
|
||||||
}
|
|
||||||
|
|
||||||
public speak(msg: string): void {
|
|
||||||
let self: this = this;
|
|
||||||
if (responsiveVoice.voiceSupport()) {
|
|
||||||
responsiveVoice.speak(msg, this.voice, {
|
|
||||||
onstart: function (Callback: any): void {
|
|
||||||
console.log(`onstart msg: ${msg}`);
|
|
||||||
},
|
|
||||||
onend: function (Callback: any): void {
|
|
||||||
console.log(`onstart msg: ${msg}`);
|
|
||||||
},
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
console.error(`!responsiveVoice.voiceSupport`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//#endregion
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue
Block a user