APP收款语音播报功能讲解

本文涉及的产品
全局流量管理 GTM,标准版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
云解析 DNS,旗舰版 1个月
简介: 比起主动扫码能确定收款多少与是否到账,扫二维码支付场景不能直接确认,需要核对客户付款截屏,目前微信、支付宝在扫二维码支付后,均支持收款方自动播报收款到账信息,为了秦丝APP有更好体验,也需要加入该功能。

一、背景

比起主动扫码能确定收款多少与是否到账,扫二维码支付场景不能直接确认,需要核对客户付款截屏,目前微信、支付宝在扫二维码支付后,均支持收款方自动播报收款到账信息,为了秦丝APP有更好体验,也需要加入该功能。

二、方案

目前实现的收款语音播报功能采用片段组合读音的方案,简单的解释就是根据收款的金额,提取相应数值语音播报,分别包括0-9,十-亿及一些单位或者标注发音等19个语音文件。
比起传统语音合成方案,无需幅度增加app的大小,灵活控制语速。

三、实现

1、触发:在收到收款单号推送后,请求收款金额

2、解析:根据收款金额,解析成一个语音文件对象的数组
以999999.99为例,拆解小数点左右两边部分后分开解析,小数点左边部分又以万为单位拆分,先解析万以内数字,然后再讲万以上的部分又当成万以内的解析加万语音片段,亿、兆类似。小数点后面的部分则从不加单位解析。

// 获取数字转语音文件的队列
function getArrayByNumber(num) {
    num = num + "";
    if (/^(0|[1-9]\d*)(.\d*[1-9])?$/.test(num)) {
        var nums = num.split("."), pointAfter = nums[1], flag = 0;
        num = Number(nums[0]);
        num = dealNum(num);
        num.unshift(unitsOther.get);
        if(pointAfter) {
            nums = pointAfter.split('');
            num.push(unitsOther.point);
            nums.map(function (val) {
                num.push(units[Number(val)]);
            });
            num.push(unitsOther.yuan);
        } else {
            num.push(unitsOther.yuan);
            num.push(unitsOther.it);
        }
        return num;
    } else {
        return [audios.zero];
    }
}

// 获取万以上的解析数组
function dealNum(num) {
    var currNum, level = 0;
    var arr = [],arrTemp, addZero;
    if(num === 0){
        return [units[0]];
    }
    while (num > 0) {
        currNum = num % WAN;
        if (currNum) {
            if (addZero) {
                arr.unshift(units[0]);
            }
            if (level === 2) {
                arr = [unitsUpWan[2]].concat(arr);
            } else if (level) {
                arr = [unitsUpWan[1]].concat(arr);
            }
            arrTemp = dealNumInWan(currNum);
            addZero = arrTemp[0];
            arr = arrTemp[1].concat(arr);
        }
        level++;
        num = Math.floor(num / WAN);
    }
    return arr;
}

// 获取万以内的解析数组
function dealNumInWan(num) {
    var zero, firstIsZero = num / QIAN < 1 && num > 0;
    var arr = [], currNum, unit = 0;
    while (num > 0) {
        currNum = num % SHI;
        if (currNum) {
            zero === undefined && (zero = false);
            if (unit) {
                if (zero) {
                    arr.unshift(units[0]);
                    zero = false;
                }
                arr.unshift(unitsInWan[unit]);
            }
            arr.unshift(units[currNum]);
        } else {
            zero === false && (zero = true);
        }
        unit++;
        num = Math.floor(num / SHI);
    }
    return [firstIsZero, arr];
}

Audio 对象是一个语音文件对象,每个语音对应有个对象,里面有文件的路径与播放时长,时长是自己设置的每个语音对应有个对象,里面有文件的路径与播放时长,时长是自己设置,时间极短的语音如果有了延时就不会连续播放,时间duration这里需要稍微根据实际情况进行调整

// 语音文件路径与语音文件需用时间的钩子
var audios = {
    zero: {
        src: "media/0.wav",
        duration: 800
    },
    one: {
        src: "media/1.wav",
        duration: 800
    },
    two: {
        src: "media/2.wav",
        duration: 800
    },
    three: {
        src: "media/3.wav",
        duration: 800
    }
……
    nine: {
        src: "media/9.wav",
        duration: 800
    },
    point: {
        src: "media/point.wav",
        duration: 800
    },
    ten: {
        src: "media/ten.wav",
        duration: 700
    },
    hd: {
        src: "media/hd.wav",
        duration: 700
    },
    td: {
        src: "media/td.wav",
        duration: 700
    },
    ttd: {
        src: "media/ttd.wav",
        duration: 700
    },
    hm: {
        src: "media/hm.wav",
        duration: 700
    },
    yuan: {
        src: "media/yuan.wav",
        duration: 700
    },
    it: {
        src: "media/it.wav",
        duration: 700
    },
    get: {
        src: "media/get.wav",
        duration: 1800
    }
};

// 数字转换成语音文件的数组方案
var unitsInWan = ["", audios.ten, audios.hd, audios.td];
var unitsUpWan = ["", audios.ttd, audios.hm, audios.ttd];
var units = [audios.zero, audios.one, audios.two, audios.three, audios.four, audios.five, audios.six, audios.seven, audios.eight, audios.nine];
var unitsOther = {
    "point": audios.point,
    "yuan": audios.yuan,
    "it": audios.it,
    "get": audios.get
};

3、播报:递归方式逐个播放片段

function startAAudio(number, index, audiosArr) {
    audiosArr || (audiosArr = getArrayByNumber(number));
    realMedia = new Media(extUrl + audiosArr[index].src);
    setTimeout(function () {
        realMedia.stop();
        realMedia.release();
        index++;
        if (audiosArr[index]) {
            startAAudio(number, index, audiosArr);
        } else {
            realMedia = undefined;
            if(number = audioList.shift()) { // 如果有队列中有新的语音则播放下一则语音
                setTimeout(function () { // 连续收款加点时间间隔
                    startAAudio(number, 0);
                },2000);
            }
        }
    }, audiosArr[index].duration);
    realMedia.play();
}

注意

需要用到媒体播放插件cordova-plugin-media

目录
相关文章
|
5月前
uni-app 155朋友圈评论功能(二)
uni-app 155朋友圈评论功能(二)
103 0
|
5天前
|
移动开发 Android开发 数据安全/隐私保护
移动应用与系统的技术演进:从开发到操作系统的全景解析随着智能手机和平板电脑的普及,移动应用(App)已成为人们日常生活中不可或缺的一部分。无论是社交、娱乐、购物还是办公,移动应用都扮演着重要的角色。而支撑这些应用运行的,正是功能强大且复杂的移动操作系统。本文将深入探讨移动应用的开发过程及其背后的操作系统机制,揭示这一领域的技术演进。
本文旨在提供关于移动应用与系统技术的全面概述,涵盖移动应用的开发生命周期、主要移动操作系统的特点以及它们之间的竞争关系。我们将探讨如何高效地开发移动应用,并分析iOS和Android两大主流操作系统的技术优势与局限。同时,本文还将讨论跨平台解决方案的兴起及其对移动开发领域的影响。通过这篇技术性文章,读者将获得对移动应用开发及操作系统深层理解的钥匙。
|
2月前
|
Java PHP
【应用服务 App Service】 App Service Rewrite 实例 - 反向代理转发功能
【应用服务 App Service】 App Service Rewrite 实例 - 反向代理转发功能
【应用服务 App Service】 App Service Rewrite 实例 - 反向代理转发功能
|
2月前
|
Python
【Azure 应用服务】App Service的运行状况检查功能失效,一直提示"实例运行不正常"
【Azure 应用服务】App Service的运行状况检查功能失效,一直提示"实例运行不正常"
|
4月前
|
开发框架 移动开发 JavaScript
SpringCloud微服务实战——搭建企业级开发框架(四十七):【移动开发】整合uni-app搭建移动端快速开发框架-添加Axios并实现登录功能
在uni-app中,使用axios实现网络请求和登录功能涉及以下几个关键步骤: 1. **安装axios和axios-auth-refresh**: 在项目的`package.json`中添加axios和axios-auth-refresh依赖,可以通过HBuilderX的终端窗口运行`yarn add axios axios-auth-refresh`命令来安装。 2. **配置自定义常量**: 创建`project.config.js`文件,配置全局常量,如API基础URL、TenantId、APP_CLIENT_ID和APP_CLIENT_SECRET等。
206 60
|
2月前
|
测试技术
一款功能完善的智能匹配1V1视频聊天App应该通过的测试CASE
文章列举了一系列针对1V1视频聊天App的测试用例,包括UI样式、权限请求、登录流程、匹配逻辑、消息处理、充值功能等多个方面的测试点,并标注了每个测试用例的执行状态,如通过(PASS)、失败(FAIL)或需要进一步处理(延期修改、待定、方案再定等)。
39 0
|
2月前
|
Linux C++ Docker
【Azure 应用服务】App Service for Linux 中实现 WebSocket 功能 (Python SocketIO)
【Azure 应用服务】App Service for Linux 中实现 WebSocket 功能 (Python SocketIO)
|
2月前
|
监控 安全 前端开发
【Azure 应用服务】App Service 运行状况健康检查功能简介 (Health check)
【Azure 应用服务】App Service 运行状况健康检查功能简介 (Health check)
|
3月前
|
存储 前端开发 测试技术
同城交友APP系统开发运营版/案例详细/功能步骤/逻辑方案
开发一款同城交友APP系统需要经过以下大致流程:
|
3月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的多功能智能手机阅读APP的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的多功能智能手机阅读APP的详细设计和实现(源码+lw+部署文档+讲解等)
下一篇
无影云桌面