在 Android WebView 上使用 Annyang

Question

我正在尝试在我的 Android 应用程序上使用 Annyang ( https://www.talater.com/annyang/ )。
Annyang 在我的 PC Chrome 浏览器上运行良好，甚至在我的移动 Chrome 浏览器上也运行良好。
但是，当我在 Android WebView 上使用 Annyang 时，它向我显示错误 -

"I/chromium: [INFO:CONSOLE(18)] "Uncaught TypeError: Cannot read property 'addCallback' of null", source: http://192.168.43.105/Annyang/annyang.html (18)"

我想知道为什么 Android WebView 无法读取属性 'addCallback'，即使我的 Annyang 在我的浏览器上也能正常工作。
请帮助我在 Android WebView 上使用 Annyang！

以下是我的代码...
AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="kr.kro.richvillage.annyangtest">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
    <uses-permission android:name="android.permission.RECORD_AUDIO" />
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission-sdk-23 android:name="android.permission.RECORD_AUDIO" />
    <uses-permission-sdk-23 android:name="android.permission.INTERNET" />

</manifest>

MainActivity.java

package kr.kro.richvillage.annyangtest;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebChromeClient;
import android.webkit.WebView;

public class MainActivity extends AppCompatActivity {

    private WebView mainPage;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mainPage = (WebView)findViewById(R.id.main_page);
        mainPage.getSettings().setJavaScriptEnabled(true);
        mainPage.setVerticalScrollBarEnabled(true);
        mainPage.setWebChromeClient(new WebChromeClient());
        mainPage.loadUrl("http://192.168.43.105/Annyang/annyang.html");
    }
}

annyang.html

<!DOCTYPE html>
<html>
<head>
    <title>Annyang API Test</title>
    <meta charset="utf-8" />
    <script src="annyang.js"></script>
    <script type="text/javascript">
        window.onload = function(){
            annyang.addCallback('result', function(phrases) {
              console.log('Speech recognized. Possible sentences said:');
              console.log(phrases);
              console.log(phrases[0]);
            });
            annyang.setLanguage("ko");
            annyang.addCommands(commands);
            annyang.start();
        }
    </script>
</head>
<body>

</body>
</html>

抱歉我的英语不好，感谢您阅读我的问题！

Answer 1

运行进入同样的问题，好像Android WebView 不支持语音识别API。

这是 2015 年的 Chromium Bug Ticket：

https://bugs.chromium.org/p/chromium/issues/detail?id=487255

在 Android WebView 上使用 Annyang

Using Annyang on Android WebView

javascript

java

android

webview

annyang