网页版本 文字语音播报器 支持win和IOS
本帖最后由 chh322 于 2023-11-3 14:41 编辑<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>文本到语音转换</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin: 50px;
}
#output {
margin-bottom: 20px;
}
#text-input {
width: 80%;
padding: 15px;
font-size: 18px;
margin: 20px auto; /* 居中并且设置上下边距 */
/* 设置文本框为至少5行 */
rows: 5;
}
#convert-button {
padding: 15px 40px;
font-size: 18px;
}
</style>
</head>
<body>
<h1>文本到语音转换</h1>
<button id="convert-button">转换为语音</button>
<br><br>
<textarea id="text-input" placeholder="请输入文本" rows="5"></textarea>
<div id="output"></div>
<script>
document.getElementById("convert-button").addEventListener("click", function () {
var textInput = document.getElementById("text-input");
var text = textInput.value;
var outputDiv = document.getElementById("output");
// 使用SpeechSynthesis API将文本转换为语音
var utterance = new SpeechSynthesisUtterance(text);
speechSynthesis.speak(utterance);
// 在页面上显示转换的文本
outputDiv.innerText = "转换的语音: " + text;
// 清空输入框
textInput.value = "";
});
</script>
</body>
</html>
支持win和苹果
---------------------------
新增手动清空消息模板 建议把第二行这句<html lang="en">，改为<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 谢谢分享 语言转文本，免费版，在哪？ 这个不错。。。简单 复制代码，新建文本，粘贴代码，另存为.html 文件，再打开即可 xyyh816 发表于 2023-10-31 20:23
复制代码，新建文本，粘贴代码，另存为.html 文件，再打开即可
提示数据已经被损坏 不错，支持 好神奇，没看懂，也没见调第三方API啥的 不错 可以试试 可以保存音频文件吗 感谢分享！