@ganwei-web/ganwei-pc-cli 6.2.2 → 6.2.3

package/ganwei-app-6.2.1/packages/ganwei-app-empty-page/src/components/appFrame/js/Voice.js

@@ -0,0 +1,345 @@
+// 音频转码worker
+let recorderWorker = new Worker("./static/js/transformpcm.worker.js");
+// 记录处理的缓存音频
+let buffer = [];
+let AudioContext = window.AudioContext || window.webkitAudioContext;
+let notSupportTip = "请试用chrome浏览器且域名为localhost或127.0.0.1测试";
+// navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia
+if (navigator.mediaDevices === undefined) {
+    navigator.mediaDevices = {};
+}
+if (navigator.mediaDevices.getUserMedia === undefined) {
+    navigator.mediaDevices.getUserMedia = function(constraints) {
+        var getUserMedia =
+            navigator.getUserMedia ||
+            navigator.webkitGetUserMedia ||
+            navigator.mozGetUserMedia ||
+            navigator.msGetUserMedia ||
+            navigator.oGetUserMedia;
+        if (!getUserMedia) {
+            return Promise.reject(
+                new Error("getUserMedia is not implemented in this browser")
+            );
+        }
+        return new Promise(function(resolve, reject) {
+            getUserMedia.call(navigator, constraints, resolve, reject);
+        });
+    };
+}
+
+recorderWorker.onmessage = function(e) {
+    buffer.push(...e.data.buffer);
+};
+
+class IatRecorder {
+    constructor(config) {
+        this.config = config;
+        this.state = "ing";
+        this.language = config.language || "zh_cn";
+        this.accent = config.accent || "mandarin";
+        this.audioStream = null;
+
+        //以下信息在控制台-我的应用-语音听写（流式版）页面获取
+        this.appId = config.id;
+        this.apiKey = config.key;
+        this.apiSecret = config.secret;
+    }
+
+    start() {
+        this.stop();
+        if (
+            (navigator.getUserMedia || navigator.mediaDevices.getUserMedia) &&
+            AudioContext
+        ) {
+            this.state = "ing";
+            if (!this.audioStream) {
+                var context = new AudioContext();
+                this.context = context;
+                this.recorder = context.createScriptProcessor(0, 1, 1);
+
+                var getMediaSuccess = stream => {
+                    this.audioStream = stream;
+                    var mediaStream = this.context.createMediaStreamSource(
+                        this.audioStream
+                    );
+                    this.mediaStream = mediaStream;
+                    this.recorder.onaudioprocess = e => {
+                        this.sendData(e.inputBuffer.getChannelData(0));
+                    };
+                    this.connectWebsocket();
+                };
+                var getMediaFail = e => {
+                    this.recorder = null;
+                    this.mediaStream = null;
+                    this.context = null;
+                    alert("请求麦克风失败");
+                };
+                if (
+                    navigator.mediaDevices &&
+                    navigator.mediaDevices.getUserMedia
+                ) {
+                    navigator.mediaDevices
+                        .getUserMedia({
+                            audio: true,
+                            video: false
+                        })
+                        .then(stream => {
+                            getMediaSuccess(stream);
+                        })
+                        .catch(e => {
+                            getMediaFail(e);
+                        });
+                } else {
+                    navigator.getUserMedia(
+                        {
+                            audio: true,
+                            video: false
+                        },
+                        stream => {
+                            getMediaSuccess(stream);
+                        },
+                        function(e) {
+                            getMediaFail(e);
+                        }
+                    );
+                }
+            } else {
+                var mediaStream = this.context.createMediaStreamSource(
+                    this.audioStream
+                );
+                this.mediaStream = mediaStream;
+                this.recorder = this.context.createScriptProcessor(0, 1, 1)
+                this.recorder.onaudioprocess = e => {
+                    this.sendData(e.inputBuffer.getChannelData(0));
+                };
+                this.connectWebsocket();
+            }
+        } else {
+            var isChrome = navigator.userAgent.toLowerCase().match(/chrome/);
+            alert(1);
+            alert(notSupportTip);
+        }
+    }
+
+    stop() {
+        this.state = "end";
+        try {
+            console.log('disconnect');
+            this.mediaStream.disconnect(this.recorder);
+            this.mediaStream = null;
+            this.recorder.disconnect();
+            this.recorder = this.recorder.onaudioprocess = null;
+            this.audioStream.getTracks().forEach(track => {
+                track.stop();
+            });
+            this.audioStream = null;
+            console.log(this.audioStream.getTracks());
+        } catch (e) {
+        }
+    }
+
+    sendData(buffer) {
+        recorderWorker.postMessage({
+            command: "transform",
+            buffer: buffer
+        });
+    }
+    connectWebsocket() {
+        var url = "wss://iat-api.xfyun.cn/v2/iat";
+        var host = "iat-api.xfyun.cn";
+        var apiKey = this.apiKey;
+        var apiSecret = this.apiSecret;
+        var date = new Date().toGMTString();
+        var algorithm = "hmac-sha256";
+        var headers = "host date request-line";
+        var signatureOrigin = `host: ${host}\ndate: ${date}\nGET /v2/iat HTTP/1.1`;
+        var signatureSha = CryptoJS.HmacSHA256(signatureOrigin, apiSecret);
+        var signature = CryptoJS.enc.Base64.stringify(signatureSha);
+        var authorizationOrigin = `api_key="${apiKey}", algorithm="${algorithm}", headers="${headers}", signature="${signature}"`;
+        var authorization = btoa(authorizationOrigin);
+        url = `${url}?authorization=${authorization}&date=${date}&host=${host}`;
+        if ("WebSocket" in window) {
+            this.ws = new WebSocket(url);
+        } else if ("MozWebSocket" in window) {
+            this.ws = new MozWebSocket(url);
+        } else {
+            alert(2);
+            alert(notSupportTip);
+            return null;
+        }
+        this.ws.onopen = e => {
+            this.mediaStream.connect(this.recorder);
+            this.recorder.connect(this.context.destination);
+            setTimeout(() => {
+                this.wsOpened(e);
+            }, 500);
+            this.config.onStart && this.config.onStart(e);
+        };
+        this.ws.onmessage = e => {
+            this.config.onMessage && this.config.onMessage(e);
+            this.wsOnMessage(e);
+        };
+        this.ws.onerror = e => {
+            this.stop();
+            this.config.onError && this.config.onError(e);
+        };
+        this.ws.onclose = e => {
+            this.stop();
+            this.config.onClose && this.config.onClose(e);
+        };
+    }
+
+    wsOpened() {
+        if (this.ws.readyState !== 1) {
+            return;
+        }
+        var audioData = buffer.splice(0, 1280);
+        console.log("audioData", audioData.length);
+        var params = {
+            common: {
+                app_id: this.appId
+            },
+            business: {
+                language: this.language, //小语种可在控制台--语音听写（流式）--方言/语种处添加试用
+                domain: "iat",
+                accent: this.accent, //中文方言可在控制台--语音听写（流式）--方言/语种处添加试用
+                vad_eos: 5000,
+                dwa: "wpgs" //为使该功能生效，需到控制台开通动态修正功能（该功能免费）
+            },
+            data: {
+                status: 0,
+                format: "audio/L16;rate=16000",
+                encoding: "raw",
+                audio: this.ArrayBufferToBase64(audioData)
+            }
+        };
+        this.ws.send(JSON.stringify(params));
+        this.handlerInterval = setInterval(() => {
+            // websocket未连接
+            if (this.ws.readyState !== 1) {
+                clearInterval(this.handlerInterval);
+                return;
+            }
+            if (buffer.length === 0) {
+                if (this.state === "end") {
+                    this.ws.send(
+                        JSON.stringify({
+                            data: {
+                                status: 2,
+                                format: "audio/L16;rate=16000",
+                                encoding: "raw",
+                                audio: ""
+                            }
+                        })
+                    );
+                    clearInterval(this.handlerInterval);
+                }
+                return false;
+            }
+            audioData = buffer.splice(0, 1280);
+            // 中间帧
+            this.ws.send(
+                JSON.stringify({
+                    data: {
+                        status: 1,
+                        format: "audio/L16;rate=16000",
+                        encoding: "raw",
+                        audio: this.ArrayBufferToBase64(audioData)
+                    }
+                })
+            );
+        }, 40);
+    }
+
+    wsOnMessage(e) {
+        let jsonData = JSON.parse(e.data);
+        // 识别结束
+        if (jsonData.code === 0 && jsonData.data.status === 2) {
+            this.ws.close();
+        }
+        if (jsonData.code !== 0) {
+            this.ws.close();
+            console.log(`${jsonData.code}:${jsonData.message}`);
+        }
+    }
+
+    ArrayBufferToBase64(buffer) {
+        var binary = "";
+        var bytes = new Uint8Array(buffer);
+        var len = bytes.byteLength;
+        for (var i = 0; i < len; i++) {
+            binary += String.fromCharCode(bytes[i]);
+        }
+        return window.btoa(binary);
+    }
+}
+
+export default class IatTaste {
+    constructor(config) {
+        var iatRecorder = new IatRecorder({
+            onClose: () => {
+                this.stop();
+                this.reset();
+            },
+            onError: data => {
+                this.stop();
+                this.reset();
+                alert("WebSocket连接失败");
+            },
+            onMessage: e => {
+                let str = "";
+                let jsonData = JSON.parse(e.data);
+                if (jsonData.data && jsonData.data.result) {
+                    this.setResult(jsonData.data.result, jsonData.data.status);
+                }
+            },
+            onStart: () => {
+            },
+            ...config
+        });
+        this.iatRecorder = iatRecorder;
+
+        this.text = {
+            start: "开始识别",
+            stop: "结束识别"
+        };
+        this.resultText = "";
+    }
+
+    start() {
+        this.iatRecorder.start();
+    }
+
+    stop() {
+        this.iatRecorder.stop();
+    }
+
+    reset() {
+        buffer = [];
+        this.resultText = "";
+    }
+
+    init() {
+        let self = this;
+    }
+    setResult(data, code) {
+        let str = "";
+        let resultStr = this.resultText;
+        this.resultText = "";
+        let ws = data.ws;
+        for (let i = 0; i < ws.length; i++) {
+            str = str + ws[i].cw[0].w;
+        }
+        // 开启wpgs会有此字段(前提：在控制台开通动态修正功能)
+        // 取值为 "apd"时表示该片结果是追加到前面的最终结果；取值为"rpl" 时表示替换前面的部分结果，替换范围为rg字段
+        if (data.pgs === "apd") {
+            this.resultText = resultStr;
+        }
+        this.resultText = this.resultText + str;
+        if (code == 2) {
+            window.callbackVoiceXFData(this.resultText);
+        }
+    }
+}
+var iatTaste = new IatTaste();
+iatTaste.init();

package/ganwei-app-6.2.1/packages/ganwei-app-empty-page/src/components/appFrame/js/bottom.js

@@ -0,0 +1,102 @@
+export default {
+    props: {
+        selected: {
+            type: Number,
+            default: 0
+        }
+    },
+    data () {
+        return {
+            menuImageBase: '/APP/static/images/thumbnails/',
+            iconList: [
+                {
+                    icon: 'icon_Tab_shouye_Initial',
+                    selectIcon: 'icon_Tab_shouye_Selected',
+                    image: {
+                        url: 'a-active.png',
+                        name: 'a',
+                        ext: 'png',
+                        effect: 'active'
+                    },
+                    thumbnail: 'a-active.png',
+                    page: 'home',
+                    name: '首页',
+                    route: '/index/home'
+                },
+                {
+                    icon: 'icon_Tab_shebeiliebiao_Initial',
+                    selectIcon: 'icon_Tab_shebeiliebiao_Selected',
+
+                    // img: require('../images/navigation_equip-dark.svg'),
+                    // imgActive: require('../images/navigation_equip-active.svg'),
+                    page: 'equipList',
+                    name: '设备',
+                    route: '/index/equipList?title=设备'
+                },
+                {
+                    icon: 'icon_Tab_gongnengmokuai_Initial',
+                    selectIcon: 'icon_Tab_gongnengmokuai_Selected',
+
+                    // img: require('../images/navigation_event.svg'),
+                    // imgActive: require('../images/navigation_event_blue.svg'),
+                    page: 'modules',
+                    name: '语音',
+                    route: '/index/voice'
+                },
+                {
+                    icon: 'icon_Tab_gongnengmokuai_Initial',
+                    selectIcon: 'icon_Tab_gongnengmokuai_Selected',
+
+                    // img: require('../images/navigation_event-dark.svg'),
+                    // imgActive: require('../images/navigation_event-active.svg'),
+                    page: 'modules',
+                    name: '事件',
+                    route: '/index/eventQuery?title=事件'
+                },
+                {
+                    icon: 'icon_Tab_shezhi_Initial',
+                    selectIcon: 'icon_Tab_shezhi_Selected',
+
+                    // img: require('../images/navigation_setup-dark.svg'),
+                    // imgActive: require('../images/navigation_setup-active.svg'),
+                    page: 'set',
+                    name: '设置',
+                    route: '/index/setpage?title=设置'
+                }],
+            selectedIndex: 0,
+            showVoiceDialog: false,
+            activeClass: '',
+            setTime: '',
+            isAPP: false,
+            voiceConfig: {},
+            iatTaste: null,
+            timeOut: '',
+            voiceBtnClick: false
+        };
+    },
+    mounted () {
+        this.getBottomMenu();
+        let index = this.iconList.findIndex(icon => icon.route.includes(this.$route.path));
+        this.selectedIndex = index > -1 ? index : 0;
+    },
+    methods: {
+        getModuleImageName (url) {
+            if (/([^.]+)-(light|dark|active)\.(svg|png|jpg|jpeg)/.test(url)) {
+                const [_, name, effect, ext] = url.match(/([^.]+)-(light|dark|active)\.(svg|png|jpg|jpeg)/)
+                return { name, ext }
+            }
+            return { url };
+        },
+        getBottomMenu () {
+            let menu = JSON.parse(sessionStorage.menu)
+            this.iconList = menu.filter(i => i.isAppBottomMenu).map(i => { i.image = this.getModuleImageName(i.thumbnail); return i; });
+            console.log(this.iconList);
+        },
+        appBottomSelect (index, item) {
+            this.selectedIndex = index;
+            this.$router.push({ path: item.route });
+        }
+    },
+    beforeDestroy () {
+    }
+};

package/ganwei-app-6.2.1/packages/ganwei-app-empty-page/src/components/appFrame/top.vue

@@ -0,0 +1,114 @@
+
+<template>
+    <div class="appTop flex-between-center" :class="{scrollable: scrollable, marginBottom: !leftText}">
+        <div class="left">
+            <slot name="header-left"></slot>
+            <div v-if="leftText" class="leftText">
+                {{leftText}}
+            </div>
+            <div class='leftIcon' v-if="leftIcon" @click="back">
+                <i class="iconfont-app" :style="{fontSize:leftIconSize+'px'}" :class="leftIcon"></i>
+            </div>
+        </div>
+        <div class="center">
+            <div v-if="centerText" class="topTitle" :style="{fontSize:titleSize+'px'}">{{centerText}}</div>
+            <slot name="header-center"></slot>
+        </div>
+        <div class="right iconInfo flex-between-center flex-column" @click="$emit('rightClick')">
+            <i v-if="rightIcon" :class='rightIcon' :style="{fontSize:rightIconSize+'px'}" class="iconfont-app"></i>
+            <span v-if="rightIconTip" :style="{fontSize:rightIconTipSize+'px',color:rightIconTipColor}" class='iconTip'>{{rightIconTip}}</span>
+            <slot name="header-right"></slot>
+        </div>
+        <!-- <qrcode :qrcode="qrcode" v-if="qrcode" :camera="camera" @changeCamera="changeCamera" @changeQrcode="changeQrcode" @onRichScanCallback="onRichScanCallback" /> -->
+    </div>
+</template>
+
+<script>
+// import qrcode from '@/components/qrcodeReader/qrcodeReader'
+export default {
+    name: 'appTop',
+    // components: { qrcode },
+    props: {
+        leftText: {
+            type: String,
+            default: ''
+        },
+        leftIcon: {
+            type: String,
+            default: ''
+        },
+        leftIconSize: {
+            type: String,
+            default: '18'
+        },
+        centerText: {
+            type: String,
+            require: true
+        },
+        titleSize: {
+            type: String,
+            default: '18'
+        },
+        rightIcon: {
+            type: String,
+            default: ''
+        },
+        rightIconSize: {
+            type: String,
+            default: '30'
+        },
+        rightIconTip: {
+            type: String,
+            default: ''
+        },
+        rightIconTipSize: {
+            type: String,
+            default: '10'
+        },
+        rightIconTipColor: {
+            type: String,
+            default: ''
+        },
+        scrollable: {
+            type: Boolean,
+            default: false
+        },
+        qrcode: {
+            type: Boolean,
+            default: false
+        },
+        camera: {
+            type: String,
+            default: 'off'
+        }
+    },
+    watch: {
+        // qrcode (newvalue, oldvalue) {
+        //     this.qrcode = newvalue;
+        // },
+        // camera (newvalue, oldvalue) {
+        //     this.camera = newvalue;
+        // }
+    },
+    methods: {
+        back () {
+            this.$router.back(-1)
+        },
+
+        changeCamera (e) {
+            this.$emit('changeCamera', e)
+        },
+
+        changeQrcode (e) {
+            this.$emit('changeQrcode', e)
+        },
+
+        onRichScanCallback (res) {
+            this.$emit('onRichScanCallback', res)
+        }
+    }
+}
+</script>
+
+<style lang='scss' src='./css/top.scss'>
+</style>

package/ganwei-app-6.2.1/packages/ganwei-app-empty-page/src/components/i18n/i18n.js

@@ -0,0 +1,42 @@
+import vueI18n from './vueI18n'
+import Axios from 'axios';
+
+let _packageName = ''
+export default (packageName, app) => {
+    _packageName = packageName
+    let vI18n = new vueI18n(packageName)
+    app.config.globalProperties.i18n = vI18n;
+    return vI18n.i18n
+}
+function getLanguageByPage (languageType, page, packageName, isFrame) {
+    let url = process.env.NODE_ENV === 'production' ? `/APP/${_packageName}` : ""
+    return new Promise((resolve, reject) => {
+        Axios.get(`${url}/static/language/${languageType}/${page}.json`).then(res => {
+            if (res.status == 200) {
+                console.log(res);
+                resolve(res.data)
+            } else {
+                reject(res)
+            }
+        }).catch(err => {
+            reject(err)
+        })
+    })
+}
+const getLanguage = async (languageType, pageItem, packageName, isFrame) => {
+    console.log(languageType, pageItem, packageName, isFrame);
+    if (!window.top.i18n.messages[languageType]) {
+        window.top.i18n.messages[languageType] = {}
+    }
+    if (window.top.i18n.messages[languageType][pageItem]) {
+        return;
+    }
+    await getLanguageByPage(languageType, pageItem, packageName, isFrame).then(res => {
+        window.top.i18n.messages[languageType][pageItem] = res
+    }).catch(err => {
+        console.log(err)
+    })
+
+}
+
+export { getLanguage }

package/ganwei-app-6.2.1/packages/ganwei-app-empty-page/src/components/i18n/i18nObserver.js

@@ -0,0 +1,39 @@
+import { bus } from 'wujie'
+import { getLanguage } from './i18n.js'
+export default {
+    data () {
+        return {
+            pageName: ''
+        }
+    },
+    watch: {
+        async $route (route) {
+            if (route.name) {
+                this.pageName = route.name
+                this.updateI18n()
+            }
+        }
+    },
+    mounted () {
+        bus.$on('languageChange', async languageType => {
+            if (!this.i18n.packageName.includes('-app-index')) {
+                await getLanguage(languageType, this.pageName, this.i18n.packageName, false)
+            } else {
+                await getLanguage(languageType, 'frame', null, true)
+                await getLanguage(languageType, 'publics', null, true)
+            }
+            this.updateI18n()
+        })
+    },
+    methods: {
+        updateI18n () {
+            let languageType = localStorage.languageType || 'zh-CN'
+            if (this.$i18n._vm) {
+                this.$i18n._vm.messages = window.top.messages
+            } else {
+                this.$i18n.mergeLocaleMessage(languageType, window.top.i18n?.messages[languageType])
+            }
+            this.$i18n.locale = languageType
+        }
+    }
+}

package/ganwei-app-6.2.1/packages/ganwei-app-empty-page/src/components/i18n/vueI18n.js

@@ -0,0 +1,17 @@
+import { createI18n } from 'vue-i18n'
+export default class i18n {
+    constructor(packageName) {
+        if (!window.top.i18n) {
+            window.top.i18n = {
+                messages: {}
+            }
+        }
+        this.packageName = packageName
+        this.i18n = createI18n({
+            locale: localStorage.languageType || 'zh-CN',
+            messages: window.top.i18n?.messages || {},
+            silentTranslationWarn: true //去掉控制台i18n warning
+        })
+        return this;
+    }
+}