ie浏览器语音播报功能实现

最新推荐文章于 2024-04-15 17:19:57 发布
最新推荐文章于 2024-04-15 17:19:57 发布
阅读量3.4k 收藏 2
点赞数 2
分类专栏： 其他 文章标签： ie 语音 播报
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huweijian5/article/details/83514666
版权

文章目录

ie浏览器语音播报

  • 在ie下用 SpVoice实现语音播报功能

spvoice详细接口

示例代码

<!DOCTYPE html>
<html>
<head>
<title>语音播报</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
</style>
<script type="text/javascript">
	//每次播报都重新创建对象会导致播放中断或间隔性播放等问题，因此建议只全局创建一次
	var voiceObj = new ActiveXObject("Sapi.SpVoice");
	
	function listen1(){

		//var voiceObj = new ActiveXObject("Sapi.SpVoice");
		//朗读
		voiceObj.Speak("开始在ie浏览器上朗读文本了",1);
		var handle=voiceObj.SpeakCompleteEvent();
		voiceObj.WaitUntilDone(handle)
		alert("播报完毕");	
	}
	function listen2(){
		//var voiceObj = new ActiveXObject("Sapi.SpVoice");
		//朗读
		voiceObj.Speak("开始在ie浏览器上朗读文本了",1);
	}
	function listen3(){
		//var voiceObj = new ActiveXObject("Sapi.SpVoice");
		//语速
		voiceObj.Rate=-1;  
		//音量
		voiceObj.Volume=60;
		//换女声,经测试无效
		//voiceObj.Voice=voiceObj.GetVoices('','').Item(2);
		var text=document.getElementById("p1").innerHTML;
		
		//朗读
		voiceObj.Speak(text,1);

	}
</script>
</head>
<body>
	<input type="button" value="语音播报" onclick="listen1();">
	<input type="button" value="语音播报2" onclick="listen2();">
	<input type="button" value="语音播报3" onclick="listen3();">
	<p id="p1">啦啦啦啦啦啦啦</p>
</body>
</html>

异步播报

  • SpVoice.Speak()接收两个参数，第二个参数可选，不传则为同步阻塞，传1表示异步非阻塞。

等待播报完毕

		var voiceObj = new ActiveXObject("Sapi.SpVoice");
		//朗读，参数1表示异步非阻塞
		voiceObj.Speak("开始在ie浏览器上朗读文本了",1);
		voiceObj.Speak("开始在ie浏览器上朗读文本了",1);
		//var handle=voiceObj.SpeakCompleteEvent();
		//此处会阻塞直到超时时间，-1则为等待队列中的语音播报完毕
		voiceObj.WaitUntilDone(-1);//设置为-1可以看到speak两次后才弹出播报完毕
		alert("播报完毕");

参考

IE 前端页面实现语音播报功能 - Crimson - CSDN博客
https://blog.csdn.net/qq_24089175/article/details/73647920
js实现语音播报功能 - 浣花水榭 - 博客园
https://www.cnblogs.com/qinglingyue/p/5477813.html

hijunmeng
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
文字转语音播报,兼容多种浏览器
qq_40359932的博客
07-09 2343
业务场景：当存在某些今日待办事项的时候，需要进行语音播报通知。并兼容常见的一些浏览器，目前兼容谷歌、IE、火狐、360浏览器。
IE浏览器语音播报例子
12-28
IE浏览器语音播报例子IE浏览器语音播报例子IE浏览器语音播报例子
【前端】IE页面实现语音播报功能
Crimson
06-23 1万+
转载请写明出处 目前限于IE，博主在写了兼容语句的jsp上应用可以在360浏览器上播放 1.下载、并安装插件：微软TTS5.1语音引擎(中文) 2.设置：安装好后，打开IE浏览器的Internet选项的安全中，点开自定义级别，打开各个站点，将“ActiveX控件和插件”下的所有栏目设为启用。 3.简单应用的话，直接在前端页面写个按钮，js的按钮事件中创建对象： // 创...
js纯前端实现语音播报，朗读功能（2024-04-15）
最新发布
hap1994的博客
04-15 1490
分别是【window.speechSynthesis】【SpeechSynthesisUtterance】将函数拷贝到项目中，执行函数即可实现。实现语音播报要有两个原生API。
谷歌浏览器语音播报方法
xiaohuichonga的博客
03-21 644
兼容谷歌浏览器(后续添加浏览器兼容问题)
实现input数字语音播报,可扩展成任何语音audio实现,IE8兼容转flash实现
hanqing
05-20 1769
实现思路： 1、语音对象，用于语音播放，可实现按url插入顺序播放，实现未播放url删除不读。 2、input数字控制对象，用于控制输入内容。 支持： 1、中英文数字语音播放，默认使用百度翻译语音程序。 2、支持自定义数字语音路径。 3、方便控制混合app开发时，语音路径置换为app本地路径，减少网络请求，提高读取速度。 4、原生和jquery两种方式实现。
IE文本转语音控件，web语音(TTS)控件
10-31
使用TTS实现web文本转语音， B/S系统中IE访问web网页时将文本转换成语音
javascript多浏览器语音播报，文字转语音
11-12
对于IE浏览器，由于其内置的ActiveX技术可以提供一些扩展功能，但默认情况下可能是禁用的。用户需要在“Internet选项”的“安全”或“隐私”设置中启用ActiveX，以便使用特定的语音合成插件。然而，ActiveX在现代...
如何用声音来操控IE浏览器.docx
09-27
描述中提到，作者在制作字幕时发现了这个方法，尽管原本的目标——通过声音识别制作字幕并未成功，但发现可以通过语音控制IE浏览器，实现诸如打开、关闭浏览器，访问特定网站，以及进行页面操作如前进、后退、缩放等...
前端页面调用百度AI实现语音识别.zip
02-13
此外，为了兼容不同浏览器，可能需要使用ActiveX控件，如"01ActiveX控件.png"所示，这主要是为了在旧版IE浏览器中支持音频处理。但现代浏览器通常使用HTML5的Audio API，因此"02语音识别.png"可能展示了如何使用Web ...
文字转语音+html5,JS实现文字转语音并播放
weixin_39636610的博客
05-30 1512
html：div>audio>div>js：function doTTS() {var ttsDiv = document.getElementById('bdtts_div_id');var ttsAudio = document.getElementById('tts_autio_id');var ttsText = document.getElementById('ttsT...
JS实现网站声音提示，兼容IE与chrome，附谷歌chrome浏览器无法自动播放声音解决方法
下班了，但没完全下班
01-09 5010
function playSound(){ var borswer = window.navigator.userAgent.toLowerCase(); if(!!window.ActiveXObject || "ActiveXObject" in window){ //IE内核浏览器 var strEmbed = '<embed ...
语音播报功能总结:
qq_42314883的博客
01-08 2268
// 创建Sapi SpVoice对象 var voiceObj = new ActiveXObject(“Sapi.SpVoice”); //设置说话语速 语音朗读速度，取值范围为-10到+10。数值越大，速度越快 voiceObj.Rate=?; //设置说话音量 取值范围为0到100。数值越大，音量越大。 voiceObj.Volume=?; //表示发音类型，相当于进行朗读的人，我们可...
ABAP调用 SAPI.SpVoice将文本转成声音
weixin_65625611的博客
07-20 428
SAP 调用SAPI.SpVoice 播放文本信息
JS 实现兼容浏览器报警提示声音
weixin_30608131的博客
10-27 1221
<!DOCTYPE HTML> <head> <title>JS实现报警提示音</title> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> <script src="./jqu...
SAPI使用总结——SpVoice的使用方法
weixin_30736301的博客
04-06 3071
最近使用C#重做了点名系统（要用到TTS，让计算机点名）使用了SAPI，在这里总结一下SpVoice的使用方法。 要使用SAPI，首先添加引用DotNetSpeech，请自行下载DotNetSpeech.dll。 初始化对象，SpVoice voice = new DotNetSpeech.SpVoiceClass(); 朗读时，使用 voice.Speak(string,SpeechVo...
javascript调用TTS实现语音播报html文本信息
热门推荐
知行合一
12-12 1万+
<HTML> <HEAD> <meta charset="UTF-8"> <SCRIPT LANGUAGE="JavaScript"> // Create the Sapi SpVoice object var VoiceObj = new ActiveXObject("Sapi.SpVoice"); </SCRIPT> <SCRIPT
ie浏览器实现table固定列纯css
01-07
要在IE浏览器中实现table固定列，可以通过使用纯CSS的方式来实现。首先，需要给table设置一个固定的宽度，并将其position属性设置为relative，这样可以确保table的布局不会受到影响。接下来，需要创建两个div元素，一个用作table的表头，一个用作table的内容。然后使用CSS来设置表头div的position属性为absolute，让它固定在table的顶部，同时将z-index属性设置得比table的z-index更高，以确保表头始终显示在最顶层。接着，可以通过设置表格内容的margin-top属性，将其下移与表头对齐，从而达到固定列的效果。 为了实现表头和表格内容的对齐，可以在CSS中设置表头和表格内容的宽度、高度以及字体大小等属性，以确保它们能够完美匹配，从而实现固定列的效果。当然，这只是一个基本的实现方法，具体的实现方式可能还需要根据具体的table结构和需求来进行调整和优化。总的来说，通过一些简单的CSS样式设置，就可以在IE浏览器中实现table固定列的效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值