<!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. P3267 [JLOI2016/SHOI2016]侦察守卫

    $ \color{#0066ff}{ 题目描述 }$ 小R和B神正在玩一款游戏.这款游戏的地图由N个点和N-1条无向边组成,每条无向边连接两个点,且地图是连通的.换句话说,游戏的地图是一棵有N个节点的 ...

  2. JS 与 OC 交互

    WebView与JS的几种交互 IOS中 使用JavaScriptCore 实现OC与JS的交互 JavaScriptCore 使用

  3. linux 安装谷歌浏览器

    1. 下载 rpm 包https://dl.google.com/linux/direct/google-chrome-stable_current_x86_64.rpm2. 安装依赖包yum ins ...

  4. 透视效果shader（边缘光）

    思路:渲染两次. 1.第一次渲染:利用Greater进行深度测试,当目标被遮挡时,用一个边缘光的效果显示. 2.第二次渲染:正常渲染. 边缘光的思路:观察方向和顶点法向量夹角越大,边缘光越明显.边缘光 ...

  5. 《大数据日知录》读书笔记-ch2数据复制与一致性

    CAP理论:Consistency,Availability,Partition tolerance 对于一个分布式数据系统,CAP三要素不可兼得,至多实现其二.要么AP,要么CP,不存在CAP.分布 ...

  6. 前端中用到的图片（png图片）

    作为前端工程师,将设计师的设计稿转化为html页面,其中有一个必不可少的环节就是将psd文件中的一些图片随心所欲的使用,而我们经常用到的就是png图片. 第一部分:基本介绍 首先我们先对比几种图片: ...

  7. ORACLE迁移GP实践

    最近在做oracle到greenplum的迁移实践,步骤如下: 1. 使用ora2pg实现Oracle的数据结构迁移到GP的实现过程 2. Oracle的数据迁移到GP的实现过程   1. ora2p ...

  8. 关于定位和z-index的一些小经历

    今天在工作过程中,遇到这么一个奇葩问题,搞了好一阵子才找到原因,遂总结了一下... 先上DEMO: <div style="width:800px; height:400px;&quo ...

  9. [转]oracle update set select from 关联更新

    本文转自:http://blog.csdn.net/disiwei1012/article/details/52589181 http://www.blogjava.net/Jhonney/archi ...

  10. 记一次java程序内存溢出问题

    一个自然语言处理程序,在封装为web-service后,部署到线上运行. 但最近出现了内存溢出的情况,频繁的out of memory. 先盲目尝试在启动脚本中增加-XX:-UseGCOverhead ...