网页实现文字转语音朗读功能_html页面实现语音播报文本

作者：2023面试高手 | 2024-03-06 21:31:14

踩

html页面实现语音播报文本

使用HTML5的Speech Synthesis API能简单实现语音合成，并进行播报，实现代码如下：


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页实现文字转语音朗读功能</title>
</head>
<body>
    <button onclick="play()">朗读</button>
    <script>
        var utterThis = new SpeechSynthesisUtterance();
        utterThis.text = "hello word";
        utterThis.volume = 1; // 声音的音量 范围是0到1
        utterThis.rate = 0.7; //语速，数值，默认值是1，范围是0.1到10
        mutterThisg.pitch = 0; // 音高，数值，范围从0（最小）到2（最大）。默认值为1
        function play() {
            speechSynthesis.speak(utterThis);
        }
    </script>
</body>
</html>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/201631