【JavaScript】实现文本转语音功能

最新推荐文章于 2023-09-07 11:19:16 发布

原创

最新推荐文章于 2023-09-07 11:19:16 发布 · 1.6k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍了如何利用JavaScript实现文本转语音的功能，提供了一个效果预览链接，并展示了相关的HTML和JavaScript代码实现。

效果预览：https://sevlt.github.io/text-to-speech/index.html

Html 代码：

<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link
			rel="stylesheet"
			href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css"
		/>
		<title>文本转语音</title>
		<style>
			body {
				background: #141414;
			}
		</style>
	</head>
	<body>
		<div class="text-white">
			<div class="container text-center">
				<img src="./img/speech.png" class="mb-3" />
				<div class="row">
					<!-- 居中对齐 -->
					<div class="col-md-5 mx-auto