JS实现文字转语音播放

最新推荐文章于 2024-04-22 21:30:00 发布

众生皆苦唯有我甜

最新推荐文章于 2024-04-22 21:30:00 发布

阅读量1.4k

点赞数 1

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/Genius_cxx/article/details/123473957

版权

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>js点击事件</title>
</head>

<body>
    <!-- 第三种方式-->
    <button id="btn">点我</button>

    <script type="text/javascript">


        function isIe() {
            if (!!window.ActiveXObject || "ActiveXObject " in window) {
                return true
            } else {
                return false
            }
        }
        // methods
        function playVoice() {
            console.log('play')
            let timer;
            timer = setInterval(() => {
                let msg = '大家好'
                console.log(isIe())
                if (isIe()) {
                    let voiceObj = new ActiveXObject("Sapi.SpVoice")
                    voiceObj.Rate = -1
                    voiceObj.Volume = 60
                    voiceObj.Speak(msg, 1)
                } else {
                    let speakMsg = new SpeechSynthesisUtterance(msg)
                    speakMsg.rate = 1
                    speakMsg.pitch = 1.5
                    window.speechSynthesis.speak(speakMsg)
                }
            }, 300)
            setTimeout(() => {
                clearInterval(timer)
            }, 300)
        }
        var btn = document.getElementById("btn");

        // 第二种 监听点击事件
        btn.addEventListener('click', function () {
            playVoice()
        })


    </script>
</body>

</html>

众生皆苦唯有我甜

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JS实现文字转语音播放

<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>js点击事件</title></head><body>  <button id="btn">点我</button> <script type="text/jav
复制链接

扫一扫