Question

我有一个代码来说出从html传递的文本。我能够使用下面的代码使其工作。

以下是代码：

    tts = new TextToSpeech(this, this);
    myWebView = (WebView) findViewById(R.id.webviewid);
    //The html text is from the server.
    myWebView.loadDataWithBaseURL(null,
            "<html>" +
            "<head><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\">" +
            "</head>" +
            "<body>" +
            "<input class=\"textBox\" id=\"pass\" type=\"text\" maxlength=\"30\" required/>" +
            "<input type=\"button\" value=\"Say hello\" onClick=\"androidSpeak('Hello Android!')\" />" +
            "<script type=\"text/javascript\">" +
            "    function androidSpeak(texttospeak) {" +
            "        Android.textToSpeak(texttospeak);" +
            "    }" +
            "</script>" +
            "</body>" +
            "</html>", "text/html", "UTF-8", null);
    WebSettings webSettings = myWebView.getSettings();
    webSettings.setJavaScriptEnabled(true);
    myWebView.addJavascriptInterface(new WebAppInterface(this), "Android");

这是我的Java脚本界面：

    protected class WebAppInterface {
        Context mContext;

        /** Instantiate the interface and set the context */
        WebAppInterface(Context c) {
            mContext = c;
        }

        /** Show a toast from the web page */
        @JavascriptInterface
        public void textToSpeak(String texttospeak) {
            Toast.makeText(mContext, texttospeak, Toast.LENGTH_SHORT).show();
            speakOut(texttospeak);
        }
    }


    private void speakOut(String text) {
        tts.speak(text, TextToSpeech.QUEUE_ADD, null);
    }

上面的代码按预期工作。我的问题是如何通过javascript调用TTS或任何其他功能（如闹钟或拨打电话等）。这意味着可以从javascript调用tts.speak（）方法。或者换句话说，我想通过javascript调用orroids TTS而不是创建Java Script Interface（如上所述）。这样我就不必为我要添加的每个功能提供更新。

示例：请注意：下面是一个示例，我知道这是不正确的。这是为了让您了解我需要的内容。

    //The html text is from the server.
    myWebView.loadDataWithBaseURL(null,
            "<html>" +
            "<head><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\">" +
            "</head>" +
            "<body>" +
            "<input class=\"textBox\" id=\"pass\" type=\"text\" maxlength=\"30\" required/>" +
            "<input type=\"button\" value=\"Say hello\" onClick=\"androidSpeak('Hello Android!')\" />" +
            "<script type=\"text/javascript\">" +
            "    function androidSpeak(texttospeak) {" +
            "        tts = new TextToSpeech(this, this);" +
            "        tts.speak(text, TextToSpeech.QUEUE_ADD, null);" +  <<< directly invoke the android's TTS.
            "    }" +
            "</script>" +
            "</body>" +
            "</html>", "text/html", "UTF-8", null);

我需要添加任何插件吗？请告诉我。任何帮助表示赞赏。

Answer 1

Cordova将允许您从您的javascript调用自定义本机安卓代码，或者您可以使用其库中的插件来公开常见的硬件元素（例如菜单按钮，本机通知等）。 Cordova创建了一个完整的应用程序环境，因此您不必担心任何Android应用程序详细信息，并在html5 / javascript中构建所有应用程序逻辑。 Phonegap是Cordova的一个实现，它提供了非常好的构建工具 - 你甚至不需要在你的开发机器上设置android构建工具 - 只需上传你的html网站，它将为你构建你的Android应用程序。：P

Answer 2

您可以查看英特尔XDK：https://software.intel.com/en-us/html5/tools并从http://xdk-software.intel.com/下载。它提供了一个cordova构建选项，您在回答上一个答案时提到了https://software.intel.com/en-us/html5/articles/using-the-cordova-for-android-ios-etc-build-option

由于

Answer 3

是的，请查看WebView中的addJavascriptInterface方法。查看更多信息here和here

Android：如何通过javascript启动android的功能

3 个答案: