JavaScript 通过 WebView 调用 Android Text to Speech API

最新推荐文章于 2024-08-16 16:29:12 发布

一粒马豆

最新推荐文章于 2024-08-16 16:29:12 发布

阅读量4.5k

点赞数

文章标签： android html5 tts javascript webview

本文链接：https://blog.csdn.net/MAILLIBIN/article/details/50569717

版权

在开发一个英汉译音词典应用时，遇到了在JavaScript中使用WebView朗读单词的问题。虽然桌面浏览器可以利用语音合成功能，但当应用在Android的WebView中运行时，无法直接发音。为解决此问题，采用了通过WebView接口调用Android的Text to Speech API来实现发音功能。

摘要由CSDN通过智能技术生成

最近用JAVASCRIPT做了一个英汉译音词典，其中有个朗读单词的功能，在桌面端网页浏览器中可以使用语音合成类实现，JAVASCRIPT代码如下，但是由于想将应用提供给安卓应用用户使用，但是采用Android WebView和JavaScript混合编程时，所显示的网页应用无法直接发音，也无法直接调用类似桌面网页浏览器的TTS功能，所以只好写个接口调用Android的Text to Speech API。

这个是桌面浏览器使用的语音合成程序，该程序不能在安卓WebView内使用。

function speak(textToSpeak) {
    // 创建一个SpeechSynthesisUtterance实例
    var newUtterance = new SpeechSynthesisUtterance();
    // 设置要发音的内容
    newUtterance.text = textToSpeak;
    // 添加在发音队列中
    window.speechSynthesis.speak(newUtterance);
}

要在安卓系统中调用TTS，先写个类：

public class MyTtsTalker implements TextToSpeech.OnInitListener {

        private TextToSpeech tts;
        private boolean ttsOk;

        // The constructor will create a TextToSpeech instance.
        MyTtsTalker(Context context) {
            tts = new Te