无法在 Web 视图中播放视频答案

【问题标题】：Not able to play video in Web View无法在 Web 视图中播放视频
【发布时间】：2014-05-01 06:58:59
【问题描述】：

我无法在 Android 网络视图上播放视频。

我已将 html 和视频文件保存在我的资产文件夹中。

每当我加载 html 文件时，它都会给我错误

05-01 12:31:16.092: E/MediaResourceGetter(17241): Unable to read file: file:///android_asset/MediaBook2%20(2)/2B952499A0E681.mp4

每当我按下播放按钮时，我都会收到以下错误

05-01 12:31:23.680: E/chromium(17241): [ERROR:webmediaplayer_android.cc(328)] Not implemented reached in virtual void content::WebMediaPlayerAndroid::setRate(double)
05-01 12:31:23.710: E/MediaPlayer(17241): error (1, -2147483648)
05-01 12:31:23.710: E/MediaPlayer(17241): Error (1,-2147483648)

我能够加载任何远程视频并运行，但问题是当我从资产文件夹加载本地视频时加载文件和设置网页视图的代码

@Override
protected void onCreate(Bundle savedInstanceState)
{
    super.onCreate(savedInstanceState);

    // Remove title bar
    requestWindowFeature(Window.FEATURE_NO_TITLE);

    setContentView(R.layout.activity_webview);
    mContentView = (LinearLayout) findViewById(R.id.linearlayout);
    // Keep the webview setup ready
    setupWebView();


}

public void setupWebView()
{
    webView = (WebView) findViewById(R.id.webView);
    // progressBar = (ProgressBar) findViewById(R.id.progressBarForWebView);

    WebSettings webViewSettings = webView.getSettings();
    webViewSettings.setJavaScriptEnabled(true);
    webViewSettings.setJavaScriptCanOpenWindowsAutomatically(true);
    webViewSettings.setPluginState(PluginState.ON);
    webView.getSettings().setAllowFileAccess(true);
    webView.setSoundEffectsEnabled(true);
    webView.setWebViewClient(new SLCWebViewClient());
    webView.setWebChromeClient(new WebChromeClient());
    loadContentsInWebView();

}
public void loadContentsInWebView()
    {

        String localURL = "file:///android_asset/MediaBook2 (2)/SampleForVideo.html";
        logger.debug("WebView URL: {}", localURL);
        try {
            webView.loadUrl(localURL);
        }
        catch (Exception e) {
            e.printStackTrace();
            logger.error("Error while loading url", e);
        }
    }
    private class SLCWebViewClient extends WebViewClient
{
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url)
    {
        view.setWebChromeClient(new WebChromeClient()
        {

            private View mCustomView;

            @Override
            public void onShowCustomView(View view, WebChromeClient.CustomViewCallback callback)
            {
                // if a view already exists then immediately terminate the new one
                if (mCustomView != null) {
                    callback.onCustomViewHidden();
                    return;
                }

                // Add the custom view to its container.
                mCustomViewContainer.addView(view, COVER_SCREEN_GRAVITY_CENTER);
                mCustomView = view;
                mCustomViewCallback = callback;

                // hide main browser view
                mContentView.setVisibility(View.GONE);

                // Finally show the custom view container.
                mCustomViewContainer.setVisibility(View.VISIBLE);
                mCustomViewContainer.bringToFront();
            }

        });

        webView.loadUrl(url);

        return true;
    }

Video.html 代码示例

    <!DOCTYPE html>
<html>
<title>Testing for Video</title>
<body>

<video width="320" height="240" controls>
  <source src="2B952499A0E681.mp4">
</video>

</body>
</html>

布局文件的代码

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout
      android:id="@+id/fullscreen_custom_content"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:background="#FF000000"/>

<LinearLayout 
      android:id="@+id/linearlayout"
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent"> 

 <WebView
       android:id="@+id/webView"
       android:layout_width="fill_parent"
       android:layout_height="fill_parent" />

干杯，索拉夫

【问题讨论】：

请参阅：stackoverflow.com/a/12481491/1815624 以获取使用音频的示例...问题在于您如何访问媒体文件...

标签： android android-layout android-webview

【解决方案1】：

感谢 Marcin 的回答。

我可以通过加载视频来运行 html 文件。我的问题是我使用的是 /MediaBook2 (2)/SampleForVideo.html。但是从资产加载时应该删除“/”。我通过修剪'/'来拆分字符串并且它起作用了。

但这只是一个示例场景，我正在努力澄清我的理解。

我有一个更大的文件夹结构，现在最终加载了 .mp4 文件。

媒体播放器已显示，但播放器未播放任何文件。

【讨论】：

见：stackoverflow.com/questions/23403445/…

【解决方案2】：

file:///android_asset 协议是特定于 WebView 的东西。即：其他系统组件无法读取这些 URL。

MediaResourceGetter 不使用 WebView 的网络堆栈，因此不“理解”file:///android_asset 协议。

在您提到的其他问题中，您使用本地 http 服务器 - 尝试从中提供 .mp4。

【讨论】：

感谢马辛的回复。我什至尝试从我的 NanoHTTPD 服务器提供服务，但它不起作用。是否与某些权限问题有关？stackoverflow.com/questions/14194890/…
@saurav - 您链接的问题似乎与使用 file:/// 方案有关。我建议提供来自127.0.0.1 的视频
@marcin- 我通过像这样的 InputStream httpInputStream = ApplicationManager.getInstance().getAssets() .open("MediaBook2 (2)/SampleForVideo.html"); // 以流的形式返回响应以及 mime 类型 response = new NanoHTTPD.Response(Status.OK, mimeTypeFromExtension, httpInputStream);
但出现错误“无效 url:java.lang.RuntimeException: setDataSource failed status=0x80000000
@saurav - 看起来您正在向视频解码器提供 html 文件？

【解决方案3】：

如果2018年在android webview上播放视频还有问题，让我们给个机会试试下面的代码。

Java：

    import android.app.Activity;
    import android.os.Bundle;
    import android.webkit.WebChromeClient;
    import android.webkit.WebSettings;
    import android.webkit.WebView;
    import android.webkit.WebViewClient;

    public class MainActivity extends Activity {
        private WebView webview;

        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);

            webview = new WebView(this);
            setContentView(webview);

            final WebSettings settings = webview.getSettings();
            settings.setJavaScriptEnabled(true);
            settings.setJavaScriptCanOpenWindowsAutomatically(true);
            settings.setPluginState(WebSettings.PluginState.ON);

            webview.setWebViewClient(new WebViewClient() {
                // autoplay when finished loading via javascript injection
                public void onPageFinished(WebView view, String url) { 
                    webview.loadUrl("javascript:(function() { 
                        document.getElementsByTagName('video')[0].play(); 
                    })()"); 
                }
            });
            webview.setWebChromeClient(new WebChromeClient());

            webview.loadUrl("http://html5demos.com/video");
        }

        @Override
        protected void onPause() {
            super.onPause();
            webview.onPause();
        }

        @Override
        protected void onResume() {
            webview.onResume();
            super.onResume();
        }
    }

布局：

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

        <uses-permission android:name="android.permission.INTERNET" />
        <uses-permission android:name="android.permission.WAKE_LOCK" />

        <application
            android:hardwareAccelerated="true"
            android:allowBackup="false"
            android:icon="@mipmap/logo_example"
            android:label="@string/app_name"
            android:roundIcon="@mipmap/logo_example"
            android:supportsRtl="true"
            android:theme="@style/Theme.AppCompat.NoActionBar">
            <activity android:name=".MainActivity">
                <intent-filter>
                    <action android:name="android.intent.action.MAIN" />

                    <category android:name="android.intent.category.LAUNCHER" />
                </intent-filter>
            </activity>
        </application>

    </manifest>

参考资料： https://gist.github.com/aprock/5913322

【讨论】：