2. 程式人生 > >Android WebView 總結 —— 使用HTML5播放視訊及全屏方案

Android WebView 總結 —— 使用HTML5播放視訊及全屏方案

阿新 • • 發佈：2018-12-30
public class WebVideoActivity extends Activity { private WebView webView; /** 視訊全屏引數 */ protected static final FrameLayout.LayoutParams COVER_SCREEN_PARAMS = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT); private View customView;
private FrameLayout fullscreenContainer; private WebChromeClient.CustomViewCallback customViewCallback; @Override protected void onCreate(Bundle bundle) { super.onCreate(bundle); setContentView(R.layout.activity_xx); webView = (WebView) findViewById(R.id.xx); initWebView(); } @Override
protected void onStop() { super.onStop(); webView.reload(); } /** 展示網頁介面 **/
　　public void initWebView() { WebChromeClient wvcc = new WebChromeClient(); WebSettings webSettings = webView.getSettings(); webSettings.setJavaScriptEnabled(true); webSettings.setUseWideViewPort(
true); // 關鍵點 webSettings.setAllowFileAccess(true); // 允許訪問檔案 webSettings.setSupportZoom(true); // 支援縮放 webSettings.setLoadWithOverviewMode(true); webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE); // 不載入快取內容 webView.setWebChromeClient(wvcc); WebViewClient wvc = new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { webView.loadUrl(url); return true; } }; webView.setWebViewClient(wvc); webView.setWebChromeClient(new WebChromeClient() { /*** 視訊播放相關的方法 **/ @Override public View getVideoLoadingProgressView() { FrameLayout frameLayout = new FrameLayout(WebVideoActivity.this); frameLayout.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)); return frameLayout; } @Override public void onShowCustomView(View view, CustomViewCallback callback) { showCustomView(view, callback); } @Override public void onHideCustomView() { hideCustomView(); } }); // 載入Web地址 webView.loadUrl(webUrl); } /** 視訊播放全屏 **/ private void showCustomView(View view, CustomViewCallback callback) { // if a view already exists then immediately terminate the new one if (customView != null) { callback.onCustomViewHidden(); return; } WebVideoActivity.this.getWindow().getDecorView(); FrameLayout decor = (FrameLayout) getWindow().getDecorView(); fullscreenContainer = new FullscreenHolder(WebVideoActivity.this); fullscreenContainer.addView(view, COVER_SCREEN_PARAMS); decor.addView(fullscreenContainer, COVER_SCREEN_PARAMS); customView = view; setStatusBarVisibility(false); customViewCallback = callback; } /** 隱藏視訊全屏 */ private void hideCustomView() { if (customView == null) { return; } setStatusBarVisibility(true); FrameLayout decor = (FrameLayout) getWindow().getDecorView(); decor.removeView(fullscreenContainer); fullscreenContainer = null; customView = null; customViewCallback.onCustomViewHidden(); webView.setVisibility(View.VISIBLE); } /** 全屏容器介面 */ static class FullscreenHolder extends FrameLayout { public FullscreenHolder(Context ctx) { super(ctx); setBackgroundColor(ctx.getResources().getColor(android.R.color.black)); } @Override public boolean onTouchEvent(MotionEvent evt) { return true; } } private void setStatusBarVisibility(boolean visible) { int flag = visible ? 0 : WindowManager.LayoutParams.FLAG_FULLSCREEN; getWindow().setFlags(flag, WindowManager.LayoutParams.FLAG_FULLSCREEN); } @Override public boolean onKeyUp(int keyCode, KeyEvent event) { switch (keyCode) { case KeyEvent.KEYCODE_BACK: /** 回退鍵 事件處理 優先順序:視訊播放全屏-網頁回退-關閉頁面 */ if (customView != null) { hideCustomView(); } else if (webView.canGoBack()) { webView.goBack(); } else { finish(); } return true; default: return super.onKeyUp(keyCode, event); } } }

相關推薦

Android WebView 總結 —— 使用HTML5播放視訊及全屏方案

public class WebVideoActivity extends Activity { private WebView webView; /** 視訊全屏引數 */ protected static final FrameLayout.LayoutParam

Android WebView 總結 —— 硬體加速使用HTML5播放視訊及全屏方案

public class WebVideoActivity extends Activity { private WebView webView; /** 視訊全屏引數 */ protected static final FrameLayout.LayoutParams COV

WebView網頁視訊統一全屏播放及橫豎屏切換

WebView 支援 Html5 video 進行全屏播放及橫豎屏自動切換 1.檢查AndroidManifest.xml清單檔案，WebView控制元件所在的Activity配置資訊;檢查Activity的主題是否NoActionBar了。 ## 犯錯的錯誤寫成了如

Android WebView頁面結束後視訊播放還有聲音問題處理

WebView載入帶有視訊的網頁時，點選視訊播放，然後退出，視訊總是會還在播放，未能及時結束。 查了很多都沒能解決，什麼webView的reload()、 onPause、pauseTimer（）；等方法都不行，有的第一次有效，第二次就無效了，後來又找了嘗試，終於找到一個可

Android WebView載入H5音視訊自動播放、關閉Activity停止播放

在Android載入H5，實現H5中的音視訊自動播放 在Activity中新增程式碼： if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) { mWe

Android Webview完美支援播放各種視訊。（解決無法播放優酷視訊的問題以及週末無法播放優酷視訊的問題）

通常我們會有這樣的業務需求：手機端展示某個H5頁面，H5頁面來源可能是優酷、56、愛奇藝等某個視訊網站的一個視訊。使用者可以直接操作觀看。很簡單。但是很容易出現問題。比如屬性沒有處理好。會出現可以載入56、愛奇藝視訊都沒有問題  但是無法載入優酷視訊的bug。網上介紹的解決

寫了個html5播放視訊的video控制元件，只支援mp4和3gp(android和ios預設支援的格式就寫了這個)

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <meta http-equiv="Content-Type" content="text

unity3d在android上播放視訊及remote的使用

我覺得大家可以多看看unity的使用者手冊，瞭解各個平臺的特性，我主要看了一下android的。大家去聖典裡面看吧http://game.ceeger.com/Manual/。 1. android不支援unity3d的movie texture，不過可以用iPhoneUt

Android使用MediaPlayer只播放視訊不播放音訊的方法

今天寫專案時，突然遇到一個麻煩的問題，就是使用mediaplayer播放MP4檔案時，只需要播放他的視訊畫面就好了，而不用去播放他的聲音，需求很怪，嘗試了mediaplayer的各種方法也沒有解決，後來想了一個取巧的方法。 通過設定mediaplayer.setAudioStreamType

Android WebView載入url網路視訊

前言 webview 的 功能日益強大，不僅可以用來載入圖片，網站連結， 今天聊一聊 webview 載入視訊的那些混淆點。 載入 視訊 一般會設定 硬體加速。其實 兩者一毛錢 關係都沒有 ，webview 不設定 硬體加速，依然能夠加載出來 ，不受其影

Android解決Mediaplayer+SurfaceView播放視訊中的若干BUG

        專案的功能很簡單，單純的播放視訊，沒有進度條，暫停鍵等，只有一個關閉按鈕，當播放視訊時切換到後臺暫停播放，恢復到前臺後接著原來的進度播放。         1.用MediaPlayer播放視訊，呼叫MediaPlayer.start()，surfaceHol

Android Vitamio整合_播放視訊_At_Swim

我相信當你看到這篇部落格的時候也遇到跟我一樣的問題 1.下載完VitamioSDK導不進自己的Studio 2.匯入到自己的Studio反而會報錯 廢話不多說我們看步驟 步驟一        點開連結 點選開啟連結下

Android邊緩衝邊播放視訊(ijkplayer的編譯和使用)

當你看到這篇博文的時候希望你先對這個開源專案有所瞭解。 github上的地址： https://github.com/Bilibili/ijkplayer 感謝嗶哩嗶哩團隊不吝開放出來。此文主要用於幫助之後需要編譯ijkplayer的同學，少走一點彎路。 轉載請註明出處：CSD

Android開機啟動自動播放視訊

最近客戶有個小需求：在一個android系統平臺上一開機就自動播放SD卡某檔案目錄下的視訊檔案。 需求比較簡單，不多說了，直接貼程式碼： 1 首先配置 AndroidManifest.xml  註冊一個開機服務廣播 主要程式碼如下：         <receiver android:name=".Bo

關於android webview裡HTML5的地理位置定位

在別的瀏覽器中開啟可以定位，在我自己的webview卻不能  主要程式碼如下：//啟用資料庫 webSettings.setDatabaseEnabled(true); String dir = this.getApplicationContext().get

OpenCV學習筆記_播放視訊及重新整理跟蹤條

#include <cv.h> #include <highgui.h> using namespace std; //記錄當前位置 int g_slider_positi

Android視訊的全屏切換

        安卓視訊播放的全屏播放其實很簡單，就是做橫豎兩套佈局，橫佈局只有播放器就可以了，具體做法如下：         在res目錄下新建一個目錄，起名為layout-land，存放橫屏的佈局，注意橫屏佈局的存放目錄名稱必須命名成layout-land，否則程式不能

android webview裡HTML5的地理位置定位

//啟用資料庫 webSettings.setDatabaseEnabled(true); String dir = this.getApplicationContext().getDir("database", Context.MODE_PRIVATE).ge

Android之VideoView 進行播放視訊 （不更新）

Android自帶了VideoView 一個可以播放本地視訊和網路視訊的類 所以說許可權我們一定不要忘記新增 <uses-permission android:name="android.permission.INTERNET"></uses-permi

HTML5 播放視訊程式碼

<!doctype html> <html> <head> <meta charset="utf-8"> <title>無標題文件</title> </head> <body>