<!DOCTYPE html>

<html>

<head>

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

<title>jQuery  Text-to-Speech 谷歌在线语音</title>

<script type='text/javascript' src='jquery-1.9.1.min.js'></script>

<script type="text/javascript">

function html5_audio(){

    var a = document.createElement('audio');

    return !!(a.canPlayType && a.canPlayType('audio/mpeg;').replace(/no/, ''));

}

var play_html5_audio = false;

if(html5_audio()) play_html5_audio = true;

function play_sound(url){

    if(play_html5_audio){

        var snd = new Audio(url);

        snd.load();

        snd.play();

    }else{

        $("#sound").remove();

        var sound = $("<embed id='sound' type='audio/mpeg' />");

        sound.attr('src', url);

        sound.attr('loop', false);

        sound.attr('hidden', true);

        sound.attr('autostart', true);

        $('body').append(sound);

    }

}

function readme(txt){

    play_sound("http://translate.google.com/translate_tts?ie=UTF-8&q="+encodeURIComponent(txt)+"&tl=zh-cn&total=1&idx=0prev=input");    //英文  en //中文

}

readme('hello world');

$(function(){

    $('#btnread').click(function(){

        readme($('#inp').val());

    });

});

</script>

</head>

<body>

<input type="text" id="inp"  value="涂聚文"/> <input type="button" id="btnread" value="Klick me"/>

</body>

</html>

http://code.google.com/p/jqtts/source/checkout

/*!

   jQuery Text-to-Speech plugin

   --------------------------------------------

   http://code.google.com/p/jqtts/

   Copyright (c) 2010, Kevin Hoang Le. All rights reserved.

   Code provided under the MIT License:

   http://www.opensource.org/licenses/mit-license.html

   v0.1

*/

(function($) {

    $.fn.extend({

        jtts: function(options) {

            var defaults = {

                lang: 'en',

                msPerWord: 900

            };

            var options = $.extend(defaults, options);

            //passed-in

            var sentences = [];

            var lang;

            var msPerWord;

            var elem;

            //internal

            var plugin;

            var ttsUrl = 'http://translate.google.com/translate_tts';

            var inProgress = false;

            var currentPlaying = 0;

            var total = 0;

            var isIE;

            var jPlayer = null;            

            var talkNonIE = function() {

                var url = ttsUrl + '?tl=' + lang + '&q=' + sentences[currentPlaying++];

                jPlayer.jPlayer('setFile', url).jPlayer('play').jPlayer('onSoundComplete', onSoundComplete);

            };

            var talkIE = function() {

                if (currentPlaying < total) {

                    var re = /\w+/g;

                    var words = sentences[currentPlaying].match(re);        

                    var url = ttsUrl + '?tl=' + lang + '&q=' + sentences[currentPlaying++];

                    setTimeout(talkIE, words.length * msPerWord);

                    if (jPlayer != null) {

                        jPlayer.remove();

                    }

                    jPlayer = $('<embed>', {src: url, hidden: true}).appendTo($(elem));

                } else {

                    inProgress = false;

                    plugin.trigger('onComplete', []);

                }

            };

            var onSoundComplete = function() {

                if (currentPlaying < total) {

                    talkNonIE();

                } else {

                    inProgress = false;

                    plugin.trigger('onComplete', []);

                }

            };            

            return this.each(function() {

                plugin = $(this);

                elem = $(options.elem);

                if ($.browser.msie) {

                    isIE = true;

                } else {

                    isIE = false;

                    jPlayer = $(elem);

                    jPlayer.jPlayer(options.jPlayer);

                }                

                lang = options.lang;

                msPerWord = options.msPerWord;

            }).bind('playing', function(e, lines) {

                currentPlaying = 0;

                sentences = lines;

                total = sentences.length;

                if (isIE) {

                    talkIE();

                } else {

                    talkNonIE();

                }

            }).bind('pause', function() {

            }).bind('stop', function() {

            }).bind('resume', function() {

            });

        },

        play: function(sentences) {

            return this.trigger('playing', [sentences]);

        },

        pause: function() {

            return this.trigger('pause');

        },

        abort: function() {

            return this.trigger('abort');

        },

        resume: function() {

            return this.trigger('resume');

        }

    });

})(jQuery);

jQuery Text-to-Speech 谷歌在线语音的更多相关文章

  1. 必应语音API(Bing text to speech API)

    前言 Link : Microsoft Speech API overview 通过这个链接,大致了解Bing speech API的语音识别和语音合成两部分, 这次是需要用到TTS,所以就直接看TT ...

  2. xe5 android tts(Text To Speech)

    xe5 android  tts(Text To Speech) TTS是Text To Speech的缩写,即“从文本到语音”,是人机对话的一部分,让机器能够说话. 以下代码实现xe5 开发的文本转 ...

  3. delphi xe5 android tts(Text To Speech)

    TTS是Text To Speech的缩写,即“从文本到语音”,是人机对话的一部分,让机器能够说话. 以下代码实现xe5 开发的文本转语音的方法 和访问蓝牙一样,这里用javaclass的接口实现 接 ...

  4. xe5 android tts(Text To Speech) [转]

    TTS是Text To Speech的缩写,即“从文本到语音”,是人机对话的一部分,让机器能够说话. 以下代码实现xe5 开发的文本转语音的方法 和访问蓝牙一样,这里用javaclass的接口实现 接 ...

  5. python解析谷歌在线表格链接，转化为数组形式，图片转化为链接

    在线表格已成为趋势,传统的表格导入导出已经不能满足现在企业的发展. 必须支持在线表格的导入,只需要输入在线表格的链接,就能将数据读取出来. 而且相比相传表格,能够将图片信息一块读取.在线表格中的图片也 ...

  6. 第二篇：TTS（Text To Speech）语音合成

    TTS(Text To Speech)语音合成: 百度AI语音合成SDK文档--python SDK: https://ai.baidu.com/docs#/TTS-Online-Python-SDK ...

  7. jquery text选择器 语法

    jquery text选择器 语法 作用::text 选择器选取类型为 text 的 <input> 元素.大理石平台检定规程 语法:$(":text") jquery ...

  8. C# ms speech文字转语音例子

    最近突发奇想 想玩玩  文字转语音的东东   谷歌了一下 发现微软有一个TTS 的SDK   查了查相关资料  发现 还真不错  然后就开始玩玩Microsoft Speech SDK的 DEMO了 ...

  9. csharp:Google TTS API text to speech

    using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; usin ...

随机推荐

  1. window.onload和JQuery中$(function(){})的区别即其实现原理

    一.区别 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行. 在Jquery中$(function(){ })和$(document).ready(function(){ ...

  2. 2016级算法第三次上机-F.ModricWang的导弹防御系统

    936 ModricWang的导弹防御系统 思路 题意即为:给出一个长度为n的序列,求出其最长不降子序列. 考虑比较平凡的DP做法: 令\(nums[i]\) 表示这个序列,\(f[x]\) 表示以第 ...

  3. 7.pytest中的 plugin

    一直想弄弄清这里的东西,一直各种因素delay,今天务必要搞搞清 一.先从官方文档上尝试去解读下什么是plugin和hook 网上有现成的对你适用的插件时候,我们可以直接pip安装,拿来使用即可:但是 ...

  4. [原创]PHP 异常错误处理

    目录 错误与异常 异常类 错误类(PHP >= 7) 错误 错误报告级别 错误报告设置 全局异常处理程序 全局错误处理函数 无法捕获的错误类型 范例代码 开发/生产环境处理错误和异常 开发环境 ...

  5. nginx克隆之后问题

    [alert] kill(2942, 1) failed (No such process) 背景:虚拟机克隆之后启动service nginx reload报这个错,而且没有日志 根据这个博文htt ...

  6. [NodeJS]Jenkins-cli

    使用npm 包nestor 触发jenkins job, 达到命令行管理Jenkins功能. 1. install nestor : npm install -g nestor 2. set JENK ...

  7. java中如何把图片转换成二进制流的代码

    在学习期间,把开发过程经常用到的一些代码段做个备份,下边代码内容是关于java中如何把图片转换成二进制流的代码,应该能对各朋友也有用处. public byte[] SetImageToByteArr ...

  8. Vue.js 项目开发学习路线图

    1. 思维导图 源文件:Vue路线图.xmind 参考文献 [1]. VueJs2.0建议学习路线 - lavyun - 博客园 [2]. Vue学习路线图 - 个人文章 - SegmentFault ...

  9. SpringBoot学习（一）

    一.Spring Boot Spring是JavaEE轻量级代替品.无需开发重量级的(EJB),Spring为企业级Java开发提供了一种相对简单的方法,通过依赖注入和面向切面编程,用简单的POJO对 ...

  10. 关于锚点定位，ul设置fixed后，div被覆盖一部分的问题

    例如: 问题: 刚开始的时候 .ul是正常显示的,当页面的滚动条滚动到一定的高度是 ,ul就被设置为 position:fixed:那么 点击 li相对应div就会被 固定定位的ul覆盖住一部分. 解 ...