Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >语音合成

语音合成

作者头像
用户1112962
发布于 2018-07-03 08:17:20
发布于 2018-07-03 08:17:20
2.9K00
代码可运行
举报
运行总次数:0
代码可运行

1) 在你想出现播放器的地方插入一个层: <div id="speech_player" name="speech_player"></div> 层的id可以自己定。

2)把以下代码放在</body>前面:

<script type="text/javascript" src="http://speech.w3cool.com/swf/speech.js"></script> <script type="text/javascript"> var _scid = "copytext"; // 你希望朗读的文章块的id; var _spid = "speech_player"; //显示播放器的id; _sp_bg = "0xCDDFF3"; //修改成你想要的颜色 _sp_leftbg = "0x357DCE"; _sp_lefticon = "0xF2F2F2"; _sp_rightbg = "0x357DCE"; _sp_rightbghover = "0x4499EE"; _sp_righticon = "0xF2F2F2"; _sp_righticonhover = "0xFFFFFF"; _sp_text = "0x357DCE"; _sp_slider = "0x357DCE"; _sp_track = "0xFFFFFF"; _sp_border = "0xFFFFFF"; _sp_loader = "0x8EC2F4";

speaker(); </script>

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 1 var _scid = "contentid";
 2 var _spid = "speech_player";
 3 var _rate = 0;
 4 var _voice = "VW Lily";
 5 var _sp_bg = "0xCDDFF3";
 6 var _sp_leftbg = "0x357DCE";
 7 var _sp_lefticon = "0xF2F2F2";
 8 var _sp_rightbg = "0x357DCE";
 9 var _sp_rightbghover = "0x4499EE";
10 var _sp_righticon = "0xF2F2F2";
11 var _sp_righticonhover = "0xFFFFFF";
12 var _sp_text = "0x357DCE";
13 var _sp_slider = "0x357DCE";
14 var _sp_track = "0xFFFFFF";
15 var _sp_border = "0xFFFFFF";
16 var _sp_loader = "0x8EC2F4";
17 function speaker(){
18     var speech_text_post = "";
19     if(navigator.userAgent.indexOf("Firefox") > 0){
20         speech_text_post = document.getElementById(_scid).textContent;
21     }else{
22         speech_text_post = document.getElementById(_scid).innerText;
23     };
24     speech_text_post = speech_text_post.replace(/"/g,""");
25     var speech_init = new SWFObject("http://speech.w3cool.com/swf/speaker.swf", "speech_init", "290", "24", "9", "#FFFFFF");
26     speech_init.addVariable("speechtext", speech_text_post);
27     speech_init.addVariable("rate", _rate);
28     speech_init.addVariable("voice", _voice);
29     speech_init.addVariable("bg", _sp_bg);
30     speech_init.addVariable("leftbg", _sp_leftbg);
31     speech_init.addVariable("lefticon", _sp_lefticon);
32     speech_init.addVariable("rightbg", _sp_rightbg);
33     speech_init.addVariable("rightbghover", _sp_rightbghover);
34     speech_init.addVariable("righticon", _sp_righticon);
35     speech_init.addVariable("righticonhover", _sp_righticonhover);
36     speech_init.addVariable("text", _sp_text);
37     speech_init.addVariable("slider", _sp_slider);
38     speech_init.addVariable("track", _sp_track);
39     speech_init.addVariable("border", _sp_border);
40     speech_init.addVariable("loader", _sp_loader);
41     speech_init.addVariable("ref_url", window.location);
42     speech_init.addParam("wmode", "transparent");
43     if(_sp_text==_sp_bg){alert("欢迎使用说说语音合成系统\n访问http://speech.w3cool.com获得更多信息!");}
44     speech_init.addParam("allowScriptAccess", "always");    
45     speech_init.write(_spid);
46 }
/*
* 提示:该行代码过长,系统自动注释不进行高亮。一键复制会移除系统注释 
* 47 if(typeof deconcept=="undefined"){var deconcept=new Object();}if(typeof deconcept.util=="undefined"){deconcept.util=new Object();}if(typeof deconcept.SWFObjectUtil=="undefined"){deconcept.SWFObjectUtil=new Object();}deconcept.SWFObject=function(_1,id,w,h,_5,c,_7,_8,_9,_a){if(!document.getElementById){return;}this.DETECT_KEY=_a?_a:"detectflash";this.skipDetect=deconcept.util.getRequestParameter(this.DETECT_KEY);this.params=new Object();this.variables=new Object();this.attributes=new Array();if(_1){this.setAttribute("swf",_1);}if(id){this.setAttribute("id",id);}if(w){this.setAttribute("width",w);}if(h){this.setAttribute("height",h);}if(_5){this.setAttribute("version",new deconcept.PlayerVersion(_5.toString().split(".")));}this.installedVer=deconcept.SWFObjectUtil.getPlayerVersion();if(!window.opera&&document.all&&this.installedVer.major>7){deconcept.SWFObject.doPrepUnload=true;}if(c){this.addParam("bgcolor",c);}var q=_7?_7:"high";this.addParam("quality",q);this.setAttribute("useExpressInstall",false);this.setAttribute("doExpressInstall",false);var _c=(_8)?_8:window.location;this.setAttribute("xiRedirectUrl",_c);this.setAttribute("redirectUrl","");if(_9){this.setAttribute("redirectUrl",_9);}};deconcept.SWFObject.prototype={useExpressInstall:function(_d){this.xiSWFPath=!_d?"expressinstall.swf":_d;this.setAttribute("useExpressInstall",true);},setAttribute:function(_e,_f){this.attributes[_e]=_f;},getAttribute:function(_10){return this.attributes[_10];},addParam:function(_11,_12){this.params[_11]=_12;},getParams:function(){return this.params;},addVariable:function(_13,_14){this.variables[_13]=_14;},getVariable:function(_15){return this.variables[_15];},getVariables:function(){return this.variables;},getVariablePairs:function(){var _16=new Array();var key;var _18=this.getVariables();for(key in _18){_16[_16.length]=key+"="+_18[key];}return _16;},getSWFHTML:function(){var _19="";if(navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length){if(this.getAttribute("doExpressInstall")){this.addVariable("MMplayerType","PlugIn");this.setAttribute("swf",this.xiSWFPath);}_19="<embed type=\"application/x-shockwave-flash\" src=\""+this.getAttribute("swf")+"\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\" style=\""+this.getAttribute("style")+"\"";_19+=" id=\""+this.getAttribute("id")+"\" name=\""+this.getAttribute("id")+"\" ";var _1a=this.getParams();for(var key in _1a){_19+=[key]+"=\""+_1a[key]+"\" ";}var _1c=this.getVariablePairs().join("&");if(_1c.length>0){_19+="flashvars=\""+_1c+"\"";}_19+="/>";}else{if(this.getAttribute("doExpressInstall")){this.addVariable("MMplayerType","ActiveX");this.setAttribute("swf",this.xiSWFPath);}_19="<object id=\""+this.getAttribute("id")+"\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\" style=\""+this.getAttribute("style")+"\">";_19+="<param name=\"movie\" value=\""+this.getAttribute("swf")+"\" />";var _1d=this.getParams();for(var key in _1d){_19+="<param name=\""+key+"\" value=\""+_1d[key]+"\" />";}var _1f=this.getVariablePairs().join("&");if(_1f.length>0){_19+="<param name=\"flashvars\" value=\""+_1f+"\" />";}_19+="</object>";}return _19;},write:function(_20){if(this.getAttribute("useExpressInstall")){var _21=new deconcept.PlayerVersion([6,0,65]);if(this.installedVer.versionIsValid(_21)&&!this.installedVer.versionIsValid(this.getAttribute("version"))){this.setAttribute("doExpressInstall",true);this.addVariable("MMredirectURL",escape(this.getAttribute("xiRedirectUrl")));document.title=document.title.slice(0,47)+" - Flash Player Installation";this.addVariable("MMdoctitle",document.title);}}if(this.skipDetect||this.getAttribute("doExpressInstall")||this.installedVer.versionIsValid(this.getAttribute("version"))){var n=(typeof _20=="string")?document.getElementById(_20):_20;n.innerHTML=this.getSWFHTML();return true;}else{if(this.getAttribute("redirectUrl")!=""){document.location.replace(this.getAttribute("redirectUrl"));}}return false;}};deconcept.SWFObjectUtil.getPlayerVersion=function(){var _23=new deconcept.PlayerVersion([0,0,0]);if(navigator.plugins&&navigator.mimeTypes.length){var x=navigator.plugins["Shockwave Flash"];if(x&&x.description){_23=new deconcept.PlayerVersion(x.description.replace(/([a-zA-Z]|\s)+/,"").replace(/(\s+r|\s+b[0-9]+)/,".").split("."));}}else{if(navigator.userAgent&&navigator.userAgent.indexOf("Windows CE")>=0){var axo=1;var _26=3;while(axo){try{_26++;axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+_26);_23=new deconcept.PlayerVersion([_26,0,0]);}catch(e){axo=null;}}}else{try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");}catch(e){try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");_23=new deconcept.PlayerVersion([6,0,21]);axo.AllowScriptAccess="always";}catch(e){if(_23.major==6){return _23;}}try{axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");}catch(e){}}if(axo!=null){_23=new deconcept.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","));}}}return _23;};deconcept.PlayerVersion=function(_29){this.major=_29[0]!=null?parseInt(_29[0]):0;this.minor=_29[1]!=null?parseInt(_29[1]):0;this.rev=_29[2]!=null?parseInt(_29[2]):0;};deconcept.PlayerVersion.prototype.versionIsValid=function(fv){if(this.major<fv.major){return false;}if(this.major>fv.major){return true;}if(this.minor<fv.minor){return false;}if(this.minor>fv.minor){return true;}if(this.rev<fv.rev){return false;}return true;};deconcept.util={getRequestParameter:function(_2b){var q=document.location.search||document.location.hash;if(_2b==null){return q;}if(q){var _2d=q.substring(1).split("&");for(var i=0;i<_2d.length;i++){if(_2d[i].substring(0,_2d[i].indexOf("="))==_2b){return _2d[i].substring((_2d[i].indexOf("=")+1));}}}return "";}};deconcept.SWFObjectUtil.cleanupSWFs=function(){var _2f=document.getElementsByTagName("OBJECT");for(var i=_2f.length-1;i>=0;i--){_2f[i].style.display="none";for(var x in _2f[i]){if(typeof _2f[i][x]=="function"){_2f[i][x]=function(){};}}}};if(deconcept.SWFObject.doPrepUnload){if(!deconcept.unloadSet){deconcept.SWFObjectUtil.prepUnload=function(){__flash_unloadHandler=function(){};__flash_savedUnloadHandler=function(){};window.attachEvent("onunload",deconcept.SWFObjectUtil.cleanupSWFs);};window.attachEvent("onbeforeunload",deconcept.SWFObjectUtil.prepUnload);deconcept.unloadSet=true;}}if(!document.getElementById&&document.all){document.getElementById=function(id){return document.all[id];};}var getQueryParamValue=deconcept.util.getRequestParameter;var FlashObject=deconcept.SWFObject;var SWFObject=deconcept.SWFObject;
*/
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-03-23 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
jquery在线预览PDF文件
http://tiantianit.net/upload/books/AlbbJavaKfsc.pdf
IT小马哥
2020/03/16
6.5K1
几个比较有意思的JS脚本
1.获取内网和公网真实IP地址(引用地址) 代码太长,见原文链接 2.获得flash版本(在线地址) <!DOCTYPE html> <html> <head> <meta charset="ut
逸鹏
2018/04/10
1K0
几个比较有意思的JS脚本
php企业建站源码
php企业建站源码 1 <?php 2 session_start(); 3 include "./admin/config.php"; 4 include "./right/
用户1112962
2018/07/04
28.2K0
JavaScript检测flash player的版本号
1: function getFlashVersion() { 2: var flashVer = NaN; 3: var ua = navigator.userAgent; 4:  5: if (window.ActiveXObject) { 6: var swf = new ActiveXObject('ShockwaveFlash.ShockwaveFlash');
meteoric
2018/11/16
7610
欢迎使用emlog
function $(id){ var el = 'string' == typeof id ? document.getElementById(id)
独元殇
2023/03/14
4870
用web component再造UI库
上篇文章主要大致说了web缓存 及如何配置nginx实现缓存,今天分享一个有关web-component的想法。
terrence386
2022/07/14
6770
动手练一练,做一个现代化、响应式的后台管理首页
大家好,今天我们将一起从零开始纯手工建一个后台管理首页。关于后台管理模板,每个公司的要求都不一样,有的能用就行也丑不丑无所谓,或者用个开源模板凑合下就行啦。如果接到这样后台管理需求,我也是从网上下载改改而已,从没想过自己动手建一个。因为从零开始建一个漂亮完善的后台管理模板实在太费功夫了,交互样式的代码量不亚于业务代码的工作量。
前端达人
2020/02/29
1.1K0
动手练一练,做一个现代化、响应式的后台管理首页
网页上播放视频的免费的播放器_CKPlayer
今天在工作的过程中遇到一个功能:在网页中加入视频播放器,类似于我们经常看到的优酷,爱奇艺等视频网站的功能。
Hongten
2018/09/13
13.5K0
网页上播放视频的免费的播放器_CKPlayer
动手练一练,做一个现代化、响应式的后台管理首页
作为一个前端开发者,我们或多或少都会接触后台管理系统的制作,你是否会亲自动手做还是从网上找源码改一个呢?今天我们将从零开始纯手工制作一个后台管理面板的首页,通过这个案例的学习你将会学习到如何制作一个响应式后台管理页面的思路,本篇文章内容比较长,请大家多多包涵,希望你能看下去,😁😁😁。 这篇文章的内容是基于我阅读国外一篇博文内容的整理,并非完全直接翻译,由于水平有限,难免有限疏漏,欢迎大家指正 一、 首先明确下界面需求 1、屏幕宽度 >767px 时,界面交互如下视频所示: 界面的菜单可以通过点击左下角
前端达人
2020/03/05
1.1K0
动手练一练,做一个现代化、响应式的后台管理首页
JavaScript设计模式--迭代器模式
迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素,而又不需要暴露该对象的内部表示。 JavaScript中的Array.prototype.forEach
奋飛
2019/08/15
3940
JavaScript与ActionScript3那些事
接触JavaScript和ActionScript3也有近5年的时间了,它们都是应用比较广泛的脚本语言,经过这几年的工作和学习,静下来的时候想总结一些东西,作为技术上的沉淀以及培训所用,所以就有了这篇文章。先来看看二者的同性与差异性:
meteoric
2018/11/16
1.2K0
ZeroClipboard实现多个浏览器兼容的复制文本到剪贴板的功能
ZeroClipboard实现多个浏览器兼容的复制文本到剪贴板的功能 本人在项目中使用的js版本。为了方便大家下载。直接粘贴代码给大家看。版本是1.2.0 /*! * ZeroClipboard * The ZeroClipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie and a JavaScript interface. * Copyright (c
小帅丶
2018/03/12
1.4K0
360护心镜脚本分析及N种绕过方式
官方介绍: 通过Hook XSS的常用函数,并监控DOM元素的创建,从而对整个页面的js行为进行监控。当发现页面中存在XSS攻击行为时,可根据预置的选项,进行放行,提醒用户选择,阻拦三种处理方式,同时预警中心会收到一次事件的告警,安全人员可根据告警进行应急响应处理。 在研究如何绕过一个系统之前,不急于直接读代码,先旁敲侧击看看这个系统大体都做了什么。 官方介绍中,在脚本加载前,需要执行一堆配置代码: <script type="text/javascript"> var hxj_config = {
逸鹏
2018/04/10
1.1K0
添加SongTaste音乐外链app
作者:matrix 被围观: 2,328 次 发布时间:2013-09-24 分类:兼容并蓄 | 无评论 »
HHTjim 部落格
2022/09/26
5580
添加SongTaste音乐外链app
H5 语音合成播报功能
采用的 SpeechSynthesisUtterance实现语音播报功能,参考资料: ONE、TWO
White feathe
2021/12/08
1.9K0
H5 语音合成播报功能
html:修改版火影忍者静态网页设计,实例三(附带完整源码)
上效果图,想象下这是动态的,因为我只能截图,就想象下吧,我觉得就这么单纯的网页就算加上酷炫效果也不够好啊,我就每一个网页加了火影忍者的主题曲,还真的好听,哈哈!
川川菜鸟
2021/10/18
3K0
“AS3.0高级动画编程”学习:第四章 寻路(AStar/A星/A*)算法 (下)
在前一部分的最后,我们给出了一个寻路的示例,在大多数情况下,运行还算良好,但是有一个小问题,如下图: 很明显,障碍物已经把路堵死了,但是小球仍然穿过对角线跑了出来! 问题在哪里:我们先回顾一下ASta
菩提树下的杨过
2018/01/23
8960
“AS3.0高级动画编程”学习:第四章 寻路(AStar/A星/A*)算法 (下)
如何实现语音识别功能
native 嵌套H5 实现语音识别功能? 看图说话,我采用的是 mui 框架所自带的功能! 代码附上: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>语音识别</title> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no
White feathe
2021/12/08
5.5K0
如何实现语音识别功能
第86天:HTML5应用程序标签和智能表单
-webkit-appearance: none;   /*如果要改默认样式 要先取消默认样式 */
半指温柔乐
2018/09/11
8510
shadow dom解析
1.shadowdom解析 1.1 什么是shadow dom 先看个例子: <video controls autoplay name="media"> <source id="mp4"
IMWeb前端团队
2017/12/29
1.3K0
shadow dom解析
推荐阅读
相关推荐
jquery在线预览PDF文件
更多 >
领券
💥开发者 MCP广场重磅上线!
精选全网热门MCP server,让你的AI更好用 🚀
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验