Android WebViewでAnnyangを使用する

私のAndroidアプリにAnnyang（https://www.talater.com/annyang/）を使用しようとしています。
AnnyangはパソコンのChromeブラウザ、モバイルChromeブラウザでもうまく動作します。
私はAndroidのWebViewの上Annyangを使用する場合しかし、それは私にエラーを表示 -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>

私の悪い英語で申し訳ありませんが、私の質問を読んでくれてありがとう！

出典

2017-01-07 Rich Village

あなたが問題を解決しましたか？ –

まだ、なぜこれが動作していないのだろうか。 –