如何解决在android开发中WebView在线播放视频黑屏啊？

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何解决在android开发中WebView在线播放视频黑屏啊？相关的知识，希望对你有一定的参考价值。

我在2.2系统上做的应用，能在线播放视频，而且播放器上的全屏按扭可以使用，为什么在4.0系统里播时，全屏就黑了，而且退出WEBVIEW后，视频还在播放。请问下谁有解决办法啊？谢谢!

参考技术A mWebView = (WebView) findViewById(R.id.WebView01);// 通过这个设置来执行加载webview网页时所要执行的一些方法mWebView.setWebViewClient(new WebViewClient() // 新开页面时用自己定义的webview来显示，不用系统自带的浏览器来显示public boolean shouldOverrideUrlLoading(WebView view, String url) // TODO Auto-generated method stub// 当有新连接时使用当前的webview进行显示view.loadUrl(url);return super.shouldOverrideUrlLoading(view, url);// 开始加载网页时要做的工作public void onPageStarted(WebView view, String url, Bitmap favicon) super.onPageStarted(view, url, favicon);//加载完成时要做的工作public void onPageFinished(WebView view, String url) super.onPageFinished(view, url);// 加载错误时要做的工作public void onReceivedError(WebView view, int errorCode,String description, String failingUrl) Log.d(TAG, "error=" + description);Toast.makeText(TestWebviewDemo.this,errorCode + "/" + description, Toast.LENGTH_LONG).show(););在这中间合适的方法里面loading看看吧 查看原帖>>本回答被提问者采纳

Android WebView开发：WebView独立进程解决方案

一、Android WebView开发(一)：基础应用
二、Android WebView开发(二)：WebView与Native交互
三、Android WebView开发(三)：WebView性能优化
四、Android WebView开发(四)：WebView独立进程解决方案
五、Android WebView开发(五)：自定义WebView工具栏

附GitHub源码：WebViewExplore

一、WebView面临的问题：

1、WebView导致的内存泄漏问题，及后续引起的OOM问题。

2、Android版本不同，采用了不同的内核，兼容性Crash。

3、WebView代码质量，WebView和Native版本不一致，导致Crash。

二、WebView独立进程的实现：

WebView独立进程的实现比较简单，只需要在AndroidManifest中找到对应的WebViewActivity，对其配置"android: process"属性即可。如下：

  <!--独立进程WebViewActivity-->
  <activity
      android:name=".SingleProcessActivity"
      android:configChanges="orientation|keyboardHidden|screenSize"
      android:process=":remoteWeb" />

我们可以通过 adb shell ps|grep com.hongri.webview 指令查看验证，添加独立进程前后的对进程的打印情况：

 可以看到已经在主进程的基础上，新生成了一个remoteWeb独立进程。

有两个进程就必然会涉及到进程间的通信，所以最终涉及到的交互及通信包括：

前端与Native端、独立进程与主进程间的通信。

后面会通过下面的demo逐个介绍，如下图独立进程中的SingleProcessActivity页面加载了一个本地的html前端页面，页面包含两个按钮，点击后分别最终会调用主进程的showToast方法doCalculate方法，从而实现前端及进程间的交互。

1、前端与Native端的交互：

[可参考：二、WebView与Native的交互]

(1)、注册JS映射接口，并实现：

加载本地的一个remote_web.html文件：

public static final String CONTENT_SCHEME = "file:///android_asset/remote/remote_web.html";
//允许js交互
webSettings.setJavaScriptEnabled(true);
JsRemoteInterface remoteInterface = new JsRemoteInterface();
remoteInterface.setListener(this);
//注册JS交互接口
mWebView.addJavascriptInterface(remoteInterface, "webview");
mWebView.loadUrl(CONTENT_SCHEME);

 其中 JsRemoteInterface 为对应的前端交互映射类，源码如下：

/**
 * Create by zhongyao on 2021/12/14
 * Description: 前端交互映射类
 */
public class JsRemoteInterface 

    private static final String TAG = "JsRemoteInterface";
    private final Handler mHandler = new Handler();
    private IRemoteListener listener;

    /**
     * 前端调用方法
     * @param cmd
     * @param param
     */
    @JavascriptInterface
    public void post(final String cmd, final String param) 
        mHandler.post(new Runnable() 
            @Override
            public void run() 
                if (listener != null) 
                    try 
                        listener.post(cmd, param);
                     catch (RemoteException e) 
                        e.printStackTrace();
                    
                
            
        );
    

    public void setListener(IRemoteListener remoteListener) 
        listener = remoteListener;

(2)、前端关键代码实现：

  • remote_web.html:
</script>
<div class="item" style="font-size: 18px; color: #ffffff" onclick="callAppToast()">调用: showToast</div>
<div class="item" style="font-size: 18px; color: #ffffff" onclick="callCalculate()">调用: appCalculate</div>
<script src="remote_web.js" charset="utf-8"></script>
<script>
    function callAppToast() 
        dj.post("showToast", message: "this is action from html");
    

    function callCalculate() 
        dj.postWithCallback("appCalculate", firstNum: "1", secondNum: "2", function(res) 
            dj.post("showToast", message: JSON.stringify(res));
        );
    
</script>
  • remote_web.js: 
dj.post = function(cmd,para)
    if(dj.os.isIOS)
        var message = ;
        message.meta = 
            cmd:cmd
        ;
        message.para = para || ;
        window.webview.post(message);
    else if(window.dj.os.isAndroid)
        window.webview.post(cmd,JSON.stringify(para));
    
;
dj.postWithCallback = function(cmd,para,callback,ud)
    var callbackname = dj.callbackname();
    dj.addCallback(callbackname,callback,ud);
    if(dj.os.isIOS)
        var message = ;
        message.meta  = 
            cmd:cmd,
            callback:callbackname
        ;
        message.para = para;
        window.webview.post(message);
    else if(window.dj.os.isAndroid)
        para.callback = callbackname;
        window.webview.post(cmd,JSON.stringify(para));
    
;

2、独立进程与主进程的交互：

(1)、定义一个AIDL文件 CalculateInterface：

并将暴露给其他进程的方法在该文件中声明，如下图：

需要注意的是，该文件的包名需要跟java文件夹下的源码的主包名一致。

aidl文件源码如下，定义了上面描述的两个方法：

// CalculateInterface.aidl
package com.hongri.webview;

// Declare any non-default types here with import statements

interface CalculateInterface 
   double doCalculate(double a, double b);
   void showToast();

(2)、主进程中定义一个远程服务RemoteService【可看做Server】：

此服务用来监听客户端的连接请求，并实现该AIDL接口，完整代码如下：

/**
 * @author hongri
 * @description 远程Service【Server】
 * 【此Service位于主进程中】
 */
public class RemoteService extends Service 

    private static final String TAG = "RemoteService";

    @Override
    public IBinder onBind(Intent arg0) 
        return mBinder;
    

    @Override
    public boolean onUnbind(Intent intent) 
        return super.onUnbind(intent);
    

    @Override
    public void onCreate() 
        super.onCreate();
    

    @Override
    public int onStartCommand(Intent intent, int flags, int startId) 
        return super.onStartCommand(intent, flags, startId);
    

    @Override
    public void onDestroy() 
        super.onDestroy();
    


    private final CalculateInterface.Stub mBinder = new CalculateInterface.Stub() 
        /**
         * remoteWeb进程调用主进程的showToast方法，实现进程间的通信。
         * @throws RemoteException
         */
        @Override
        public void showToast() throws RemoteException 
            Log.d(TAG, "showToast" + " processName:" + ProcessUtil.getProcessName(getApplicationContext()) + " isMainProcess:" + ProcessUtil.isMainProcess(getApplicationContext()));
            Handler handler = new Handler(Looper.getMainLooper());
            handler.post(new Runnable() 
                @Override
                public void run() 
                    Toast.makeText(getApplicationContext(), "remoteWeb进程调用了主进程的showToast方法", Toast.LENGTH_LONG).show();
                
            );
        

        /**
         * remoteWeb进程调用主进程的doCalculate方法，实现进程间通信。
         * @param a
         * @param b
         * @return
         * @throws RemoteException
         */
        @Override
        public double doCalculate(double a, double b) throws RemoteException 
            Calculate calculate = new Calculate();
            final double result = calculate.calculateSum(a, b);
            Handler handler = new Handler(Looper.getMainLooper());
            handler.post(new Runnable() 
                @Override
                public void run() 
                    Toast.makeText(getApplicationContext(), "remoteWeb进程调用了主进程的doCalculate方法, 计算结果为：" + result, Toast.LENGTH_LONG).show();
                
            );
            return result;
        
    ;

(3)、在独立进程SingleProcessActivity中绑定远程服务RemoteService：

    /**
     * 绑定远程服务RemoteService
     */
    private void initService() 
        Intent intent = new Intent();
        intent.setComponent(new ComponentName("com.hongri.webview", "com.hongri.webview.service.RemoteService"));
        bindService(intent, mConn, BIND_AUTO_CREATE);

(4)、绑定成功后，将服务端返回的Binder对象（service）转换成AIDL接口所属的类型（CalculateInterface）：

    private CalculateInterface mRemoteService;

    private final ServiceConnection mConn = new ServiceConnection() 
        @Override
        public void onServiceConnected(ComponentName name, IBinder service) 
            Log.d(TAG, "onServiceConnected");
            //当Service绑定成功时，通过Binder获取到远程服务代理
            mRemoteService = CalculateInterface.Stub.asInterface(service);
        

        @Override
        public void onServiceDisconnected(ComponentName name) 
            Log.d(TAG, "onServiceDisconnected");
            mRemoteService = null;
        
    ;

(5)、此时就可以根据前端post方法的调用，来根据 mRemoteService 实例针对性的调用主进程的showToast与doCalculate方法：

    @Override
    public void post(String cmd, String param) throws RemoteException 
        Log.d(TAG, "当前进程name：" + ProcessUtil.getProcessName(this) + " 主进程：" + ProcessUtil.isMainProcess(this));
        dealWithPost(cmd, param);
    

    /**
     * 前端调用方法处理
     *
     * @param cmd
     * @param param
     * @throws RemoteException
     */
    private void dealWithPost(String cmd, String param) throws RemoteException 
        if (mRemoteService == null) 
            Log.e(TAG, "remote service proxy is null");
            return;
        
        switch (cmd) 
            case "showToast":
                Log.d(TAG, "showToast");
                mRemoteService.showToast();
                break;
            case "appCalculate":
                Log.d(TAG, "appCalculate --> " + param);
                try 
                    JSONObject jsonObject = new JSONObject(param);
                    double firstNum = Double.parseDouble(jsonObject.optString("firstNum"));
                    double secondNum = Double.parseDouble(jsonObject.optString("secondNum"));
                    double calculateResult = mRemoteService.doCalculate(firstNum, secondNum);
                    Log.d(TAG, "calculateResult:" + calculateResult);
                 catch (JSONException e) 
                    e.printStackTrace();
                
                break;
            default:
                Log.d(TAG, "Native端暂未实现该方法");
                break;

点击前端页面的doCalculate方法，调用结果如下： 

表示最终实现了remoteWeb 独立进程与主进程之间的通信。

附GitHub源码：WebViewExplore

参考：

Android WebView独立进程解决方案

以上是关于如何解决在android开发中WebView在线播放视频黑屏啊？的主要内容，如果未能解决你的问题，请参考以下文章

Android安全开发之WebView中的地雷

Android安全开发之WebView中的地雷

android使用WebView里的js与android进行交互！

如何在 android WebView 中使用服务工作者？

android webview

android中解决关闭的webView时候音视频还在播放问题