用户操作语音提示,Web Speech API 的简单使用

在做快递业务类网站的时候,经常会接触到客户扫描录入快递资料的情况,有时候客户用扫描枪扫描快递入库,客户不在电脑旁,无法及时查看快递录入成功情况,此时使用Web Speech API反馈操作结果就是最好的选择了。

Web Speech API 使您能够将语音数据合并到 Web 应用程序中。

Web Speech API 有两个部分:SpeechSynthesis 语音合成 (文本到语音 TTS)和 SpeechRecognition 语音识别(异步语音识别)。

我们现在用到的只有 语音合成。使用起来也很方便:

方法一 粗暴

window.speechSynthesis.speak(new window.SpeechSynthesisUtterance("入库成功"));

方法二 简单封装

const speak = (msg) => {
    let ssu = new window.SpeechSynthesisUtterance();
    ssu.lang = 'zh-CN';
    ssu.text = msg;
    window.speechSynthesis.speak(ssu);
}
speak("入库成功");

参考资料:
speechSynthesis強制使用Chrome中的Google小姐中文語音

本作品采用《CC 协议》,转载必须注明作者和本文链接
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 2
fatrbaby

可以可以,为残疾人士提供更人性化的服务。

3年前 评论
Bin

真不错

3年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!