溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

WebView 實現(xiàn)全屏播放視頻的示例代碼

發(fā)布時間:2020-09-15 14:06:14 來源:腳本之家 閱讀:157 作者:fengmlo 欄目:移動開發(fā)

最近要支持一個視頻挑戰(zhàn)的活動,要求 WebView 能全屏播放視頻,現(xiàn)在把 Android 端實現(xiàn)的方法分享給大家。

要實現(xiàn)全屏需要給 WebView 設置 WebChromeClient 并覆寫 onShowCustomView 和 onHideCustomView() 兩方法:

webView.setWebChromeClient(new WebChromeClient() {

  @Override
  public void onShowCustomView(View view, CustomViewCallback callback) {
    // 此處的 view 就是全屏的視頻播放界面,需要把它添加到我們的界面上
  }

  @Override
  public void onHideCustomView() {
    // 退出全屏播放,我們要把之前添加到界面上的視頻播放界面移除
  }
});

為了實現(xiàn)全屏的效果,需要將視頻界面添加我們界面的最上層,有兩種方式,一種是添加到 ContentView 中,核心代碼如下:

contentParentView = findViewById(android.R.id.content);

webView.setWebChromeClient(new WebChromeClient() {

  @Override
  public void onShowCustomView(View view, CustomViewCallback callback) {
    contentParentView.addView(view);
  }

  @Override
  public void onHideCustomView() {
    contentParentView.removeView(fullScreenView);
  }
});

另一種是添加到 WindowManager 中,完整代碼如下:

public class WebActivity extends AppCompatActivity {

  ...

  private WindowManager windowManager;
  private View fullScreenView = null;

  @Override
  protected void onResume() {
    super.onResume();
    // 如果之前處于全屏狀態(tài),重新進入后需要再次調(diào)用全屏
    if (fullScreenView != null) fullScreen(fullScreenView);
  }

  @Override
  public void onBackPressed() {
    // 全屏狀態(tài)點擊返回退出全屏
    if (fullScreenView != null) {
      windowManager.removeViewImmediate(fullScreenView);
      fullScreenView = null;
    } else {
      super.onBackPressed();
    }
  }

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_webview);
    windowManager = getWindowManager();

    webView.setWebChromeClient(new WebChromeClient() {

      @Override
      public void onShowCustomView(View view, CustomViewCallback callback) {
        // 此處的 view 就是全屏的視頻播放界面,需要把它添加到我們的界面上
        windowManager.addView(view, new WindowManager.LayoutParams(WindowManager.LayoutParams.TYPE_APPLICATION));
        // 去除狀態(tài)欄和導航按鈕
        fullScreen(view);
        fullScreenView = view;
      }

      @Override
      public void onHideCustomView() {
        // 退出全屏播放,我們要把之前添加到界面上的視頻播放界面移除
        windowManager.removeViewImmediate(fullScreenView);
        fullScreenView = null;
      }
    });
  }

  private void fullScreen(View view) {
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
      view.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LOW_PROFILE
          | View.SYSTEM_UI_FLAG_FULLSCREEN
          | View.SYSTEM_UI_FLAG_LAYOUT_STABLE
          | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
          | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
          | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION);
    } else {
      view.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LOW_PROFILE
          | View.SYSTEM_UI_FLAG_FULLSCREEN
          | View.SYSTEM_UI_FLAG_LAYOUT_STABLE
          | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
          | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION);
    }
  }
}

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI