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

先放一个实例的地址https://github.com/wenco/speech

jQuery.speech是用jQuery写的扩展插件,主要是用来语音播报。

接口调用百度翻译的接口,所以存在url参数长度问题。百度接口本身也不允许长文本调用,只能短文本调用。

初始参数详解: "speech": true, //通过点击链接播报,还是直接播报 "lang": "zh", //语言

"speed": 3, //语速

"sWidth": 16, //链接按钮的宽度

"sHeight": 13, //链接按钮的高度

"bg": "./image/speech.png", //链接按钮的背景图片

"content": "这是一段测试内容" //直接播报内容

具体代码:

<div id="Result">告诉玉儿吃啥</div>
<script src="js/jQuery/jQuery-2.1.4.min.js"></script>
<script src="js/speech/jQuery.speech.min.js"></script>
<script>
    $(‘#Result‘).speech({
        "speech": true,
        "speed": 1,
        "bg": "./images/speech.png"
    });
</script>

然后就大功告成啦!

时间: 2024-10-18 19:44:10

jQuery.speech实现文本转语音播报功能的相关文章

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

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

基于JQuery实现的文本框自动填充功能

1. 实现的方法 1 /* 2 * js实现的文本框的自动完成功能 3 */ 4 function doAutoComplete(textid,dataid,url){ 5 $("#" + textid).autocomplete({ 6 serviceUrl: url, 7 paramName: "name", 8 delimiter: ",", 9 transformResult: function(response) { 10 return

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/voicePro

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平台都提供一些成熟的接口供你使用,比如语音转文字,文字转语音,语音唤醒等等,这里我使用的是百

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

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

语音播报-文字转系统声音

一段文字,让系统用语音播出,使用AVFoundation框架下的AVSpeechSynthesizer即可,非常简单. 步骤1,导入AVFoundation框架: 1 import AVFoundation 步骤2,创建语音合成器: 1 /// 语音合成器 2 private lazy var speechSynthesizer:AVSpeechSynthesizer = { 3 let speech = AVSpeechSynthesizer() 4 return speech 5 }() 步

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

语音播报

相关: http://blog.sina.com.cn/s/blog_45c379c001016d7u.html DLL     : 备注:          1.运行TTSrepair.exe,修护系统语音功能.(确保系统语音相关组件能正常使用)          2.添加 Interop.SpeechLib.dll 和 SpeechLib.dll        3.如无语音库,请安装“girl_xialkun.exe”(为一种语音库)下载地址:http://download.iciba.co