uni-app中如何文字转语音。

第一步,让后端根据文子转成MP3音频,传到后端服务器,

第二步,前端拿到地址,使用api播放。

方案二,使用百度的ai技术

方案三。js方案 浏览器

<!DOCTYPE>

<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">

<head>

<title>网页文字转语音</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="description" content="" />

<meta name="keywords" content="" />

<script type="text/javascript">

</script>

<style type="text/css">

</style>

</head>

    <body>

    文字:<input type="text" value="你好啊!请罗易到骨科一诊室就诊" id="inpu">

    <button onclick="sayTTS()">发声</button>

    </body>

    <script>

    function sayTTS()

    {

        var content = document.getElementById('inpu');

        console.log(content.value);

        const synth = window.speechSynthesis;

        const msg = new SpeechSynthesisUtterance();

        msg.text = content.value;    // 文字内容

        msg.lang = "zh-CN";  // 使用的语言:中文

        msg.volume = 0.8;      // 声音音量:0-1

        msg.rate = 1.5;        // 语速:0-10

        msg.pitch = 0.8;      // 音高:0-1

        synth.speak(msg);    // 播放

    }


    </script>

</html>

这个要点击才能触发效果

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容