vue实现语音播报功能

1,创建一个js文件 (voicePrompt.js)

function voicePrompt (text){
    new Audio(‘http://tts.baidu.com/text2audio?cuid=baiduid&lan=zh&ctp=1&pdt=311&tex=‘ + text).play();
}

export {
    voicePrompt
}

 2在min.js

import * as voicePromptFun from ‘./utils/voicePrompt‘
Vue.prototype.voicePrompt = voicePromptFun.voicePrompt  //语音提醒

 3在其他页面调用

this.voicePrompt(‘皮卡丘‘);

  

原文地址:https://www.cnblogs.com/gfweb/p/11726365.html

时间: 2024-10-29 11:55:18

vue实现语音播报功能的相关文章

实现百度地图导航Demo的语音播报功能

上文中实现了在本地导入百度地图导航Demo,那么在此基础上如何实现导航的语音播报呢? 一.为该应用申请语音播报(也叫注册) http://developer.baidu.com/map/index.php?title=android-navsdk/guide/voice SDK内置百度TTS语音播报功能,需要对应用进行授权验证才能够使用,因此需要主动注册应用相关信息. 第一步:如果不是LBS开放平台的注册开发者,首先需要登录LBS开放平台进行应用注册,在工程配置的AndroidManifest中

jQuery.speech实现文本转语音播报功能

先放一个实例的地址https://github.com/wenco/speech jQuery.speech是用jQuery写的扩展插件,主要是用来语音播报. 接口调用百度翻译的接口,所以存在url参数长度问题.百度接口本身也不允许长文本调用,只能短文本调用. 初始参数详解: "speech": true, //通过点击链接播报,还是直接播报 "lang": "zh", //语言 "speed": 3, //语速 "

HTML5语音播报引发的:关于TTS引擎扩展及修复注意事项

首先给出HTML5语音播报实例,具体解释请查阅相关文档: //html5语音播报 function speak(textToSpeak) {     //创建一个 SpeechSynthesisUtterance的实例     var utterance = new SpeechSynthesisUtterance();     // 设置文本     utterance.text = textToSpeak;     //增加中文支持     utterance.lang = 'zh-CN';

PHP实现智能语音播报

原文地址 https://www.jianshu.com/p/91a046ec6ebc 大家估计都知道现在很多AI音响能够给你播报天气,叫你起床...甚至能够接受语音指令!所谓的人工智能音响,听起来很高大上,都说PHP是最好的编程语言,今天我就带大家来实现一个语音播报功能,写个美女叫你早上起床!先大体说一个思路,PHP怎么实现语音播报呢?其实就是调个API(接口)的事情,这个就尴尬了.实际上,现在很多AI平台都提供一些成熟的接口供你使用,比如语音转文字,文字转语音,语音唤醒等等,这里我使用的是百

Android语音播报、后台播报、语音识别

Android语音播报.后台播报.语音识别 本文介绍使用讯飞语音实现语音播报.语音识别功能. 讯飞开放平台:http://www.xfyun.cn/index.php/default/index 程序效果图: 简单的XML布局 <?xml version="1.0" encoding="utf-8"? > <LinearLayout xmlns:android="http://schemas.android.com/apk/res/and

iOS - 根据推送消息进行语音播报

目前市面上很多聚合支付APP都需要在收款成功后,进行语音提示,例如收钱吧,乐惠等!公司App融E收也同样需要实现改功能,主要分为2个部分,一是推送,而是语音播报,下面简单介绍一下 一 推送,目前集成的推送主要是极光推送,集成极光推动的流程比较简单,主要流程是 1.注册账号,在极光推送官网上注册账号,地址:https://www.jiguang.cn/accounts/register/form 2.登录账号,右上角点击创建应用,填写应用名称,上传应用icon,点击创建 3.上传推送证书,做APN

iOS开发——语音播报

闲来无事,突然想要听一下苹果的语音功能,然后就自己查资料搞一下. 在iOS7之前,想要实现语音播报文字内容,可能需要第三方资源库来实现.现在在iOS7上,系统为我们提供了语音播报文字的功能,我们不仅可以播报英语内容,也可以播报汉语文字,所以对于开发者来说真是个福音. 需要导入AVFoundattion: 当前的设备判断 NSString *warnmsg = @"今天天气真好,工作加油"; if ([[[UIDevice  currentDevice] systemVersion]in

iOS自带TTS技术的实现即语音播报

文本转语音技术, 也叫TTS, 是Text To Speech的缩写. iOS如果想做有声书等功能的时候, 会用到这门技术. 一,使用iOS自带TTS需要注意的几点: iOS7之后才有该功能 需要 AVFoundation 库 AVSpeechSynthesizer: 语音合成器, 可以假想成一个可以说话的人, 是最主要的接口 AVSpeechSynthesisVoice: 可以假想成人的声音 AVSpeechUtterance: 可以假想成要说的一段话 二,代码示例, 播放语音 //语音播报

iOS项目开发—TTS技术的实现即语音播报(实现方法一)

一.简单说明 (1) 在iOS7之前,想要实现语音播报文字内容,可能需要第三方资源库来实现.现在在iOS7上,系统为我们提供了语音播报文字的功能,我们不仅可以播报英语内容,也可以播报汉语文字 实现TTS主要依赖AVSpeechSynthesizer,AVSpeechUtterance,AVSpeechSynthesisVoice,要使用这些类必须先加入 AVFoundation框架: AVSpeechSynthesisVoice:用来配置发音,支持的发音非常多.个人感觉台湾发音最好听~通过调用