在vue项目或网页上实现文字转换成语音

最新推荐文章于 2024-04-26 16:06:24 发布

前端搬运师

最新推荐文章于 2024-04-26 16:06:24 发布

阅读量2.5k

点赞数 3

文章标签： javascript js html vue web

本文链接：https://blog.csdn.net/qq_40151160/article/details/106630875

版权

在vue项目或网页上简单实现文字转换成语音播放

一、在网页上实现文字转换成语音
方式一：
摘要：语音合成：也被称为文本转换技术（TTS），它是将计算机自己产生的、或外部输入的文字信息转变为可以听得懂的、流利的口语输出的技术。
1、使用百度的接口：

http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=2&text=你要转换的文字

2、参数说明：

lan=zh：语言是中文，如果改为lan=en，则语言是英文。

ie=UTF-8：文字格式。

spd=2：语速，可以是1-9的数字，数字越大，语速越快。

text=**：这个就是你要转换的文字。
3、代码示例：


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>语音测试</title>
	</head>
	<body>
		<div>
			<input type="text" id="ttsText">
			<input type="button" id="tts_btn" onclick="doTTS()" value="播放">
		</div>
		<div id="bdtts_div_id">
			<audio id="tts_autio_id" autoplay="autoplay">
				<source id="tts_source_id" src="http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=9&text=播报内容" type="audio/mpeg">
				<embed id="tts_embed_id" heigh

最低0.47元/天解锁文章

前端搬运师

关注

3
点赞
踩
18

收藏

觉得还不错? 一键收藏
7
评论
在vue项目或网页上实现文字转换成语音

**在vue项目或网页上简单实现文字转换成语音播放**一、在网页上实现文字转换成语音方式一：摘要：语音合成：也被称为文本转换技术（TTS），它是将计算机自己产生的、或外部输入的文字信息转变为可以听得懂的、流利的口语输出的技术。1、使用百度的接口：http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=2&text=你要转换的文字2、参数说明：lan=zh：语言是中文，如果改为lan=en，则语言是英文。ie=UT
复制链接

扫一扫