音频和视频无法在Android WebView HTML5中播放

Question

每当在其中打开此网页时，我都无法从Android WebView播放音频和视频。这两个链接都支持HTML5。WebView无法正常播放音频和视频。

网页链接示例：

音频-https: //kulturpunkt.org/owner/49/group/175/record/3550

视频-https: //kulturpunkt.org/owner/49/group/175/record/3285

尝试过的解决方案：

1.之前，音频和视频链接不安全（https），我们现在将其更改为安全链接（https）。这是根据以下错误完成的

音频错误：截图

I/chromium: [INFO:CONSOLE(13)] "Mixed Content: The page at 'https://kulturpunkt.org/owner/49/group/175/record/3550' was loaded over HTTPS, but requested an insecure video 'http://mm.dimu.org/multimedia/032wX1jg2tKY.mp3?mmid=032wX1jg2tKY&a=none'. This request has been blocked; the content must be served over HTTPS.", source: https://kulturpunkt.org/assets/kp.footer.2.0.19.js (13)
I/chromium: [INFO:CONSOLE(0)] "Uncaught (in promise) NotSupportedError: Failed to load because no supported source was found.", source: https://kulturpunkt.org/owner/49/group/175/record/3550 (0)

视频错误：屏幕截图

I/chromium: [INFO:CONSOLE(13)] "Mixed Content: The page at 'https://kulturpunkt.org/owner/49/group/175/record/3285' was loaded over HTTPS, but requested an insecure video 'http://mm.dimu.org/multimedia/012wWXC2dbyh.mp4?mmid=012wWXC2dbyh&a=none'. This content should also be served over HTTPS.", source: https://kulturpunkt.org/assets/kp.footer.2.0.19.js 
I/chromium: [INFO:CONSOLE(0)] "Uncaught (in promise) NotSupportedError: Failed to load because no supported source was found.", source: https://kulturpunkt.org/owner/49/group/175/record/3550 (0)

2.其次，我将音频和视频的大小减小到7.33MB和25.6MB，因为我认为“大小”可能不允许媒体正确加载并在WebView中播放。

3.最后，我们尝试通过Android WebView 将音频和视频的编解码器更改为支持的格式。

4.所述的Android系统WebView应用也从播放存储在与OS的Android 6.0（M）的装置更新。App Version - 55.0.2883.91 (09 Dec 2016)

我尝试在具有不同操作系统的所有不同设备中对其进行测试，但Android WebView的行为保持不变。

我不明白这里到底是什么问题。我该如何解决这个问题？

我无法按照此答案中的说明使用JavascriptInterface，即使我可以控制服务器更改和应用程序更改。我想用WebView的默认行为来实现它。

以下是我的WebView的代码：

inAppWebView = (WebView)findViewById(R.id.in_app_web_view);
inAppWebView.setWebChromeClient(new MyWebChromeClient());
inAppWebView.setWebViewClient(new WebViewClient() {

        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            inAppWebView.loadUrl(webURL);
            return true;
        }

        public void onLoadResource(WebView view, String url) {
            dismissProgressDialog();
        }

        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            loadProgressDialog(InAppWebViewActivity.this);
            super.onPageStarted(view, url, favicon);
        }

        @Override
        public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
            dismissProgressDialog();
            super.onReceivedError(view, request, error);
        }

        public void onPageFinished(WebView view, String url) {
            dismissProgressDialog();
            super.onPageFinished(view, url);
        }
    });
inAppWebView.getSettings().setDomStorageEnabled(true);
inAppWebView.getSettings().setJavaScriptEnabled(true);
inAppWebView.getSettings().setPluginState(WebSettings.PluginState.ON);
inAppWebView.loadUrl(webURL);

任何建议或参考将有所帮助。

Answer 1

将其添加到您的清单文件中。

android:usesCleartextTraffic="true"

这是在创建你的网络视图之后

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    webView.getSettings().setMixedContentMode( 
        WebSettings.MIXED_CONTENT_ALWAYS_ALLOW );
}