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

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

阿新 • • 發佈：2019-02-02
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.LayoutParams COV

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

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

Android Webview中解決H5的音視訊不能自動播放的問題

   今天在開發webview的時候，當載入有聲音的H5的時候，聲音不會自動播放，必須手動觸控一下螢幕，聲音才會播放出來，雖然在H5檔案中設定了autoplay屬性，也呼叫了play方法，依然不能自動

Android Webview中解決H5的音視訊不能自動播放、只有聲音沒有影象的問題

開發webview的時候，當載入有聲音的H5的時候，聲音不會自動播放，必須手動觸控一下螢幕，聲音才會播放出來，雖然在H5檔案中設定了autoplay屬性，也呼叫了play方法，依然不能自動播放，最後通過在webview中呼叫js方法來解決。    程式碼如下： view.

android 使用webview訪問優酷無法播放視訊的問題

在程式碼中加入 webview.getSettings().setJavaScriptEnabled(true);//支援js //webview.getSettings().setPluginsEnabled(true);//設定webview支援外掛,已廢棄

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

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

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

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

HTML5 播放視訊程式碼

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

Android中的硬體加速

從Android 3.0開始，Android的2D渲染管線可以更好的支援硬體加速。硬體加速使用GPU進行View上的繪製操作。 硬體加速可以在一下四個級別開啟或關閉： ApplicationActivityWindowView Application級別 往您的應用

webview 載入h5頁面，播放視訊+全屏，實現簡單封裝

前段時間專案中用到了h5。從目前的市場來看，原生和h5的結合受到很多公司的歡迎，剛好最近微信也推出了它自己的“小程式”，這在Android程式設計師之間也掀起了波瀾，引起大家討論。 個人覺得Google提供的webview有很多的坑，我這次就踩了不少，比如在某些版本的系統

Android使用FFmpeg+Opengles來解碼播放視訊（一）

前面已經介紹了FFmpeg解碼視訊的具體流程，現在使用FFmpeg解碼視訊然後用Opengles來渲染。 Demo地址：https://github.com/Huzhuwei1/ffmpegdecoder.git 注：這裡只是簡單的實現一下，程式碼寫的比較粗糙，

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

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

Android WebView總結

6、如果用webview點連結看了很多頁以後，如果不做任何處理，點選系統“Back”鍵，整個瀏覽器會呼叫finish()而結束自身，如果希望瀏覽的網頁回退而不是退出瀏覽器，需要在當前Activity中處理並消費掉該Back事件。 覆蓋Activity類的onKeyDown(int keyCoder,KeyE

Android中GPU硬體加速控制及其在2D圖形繪製上的侷限

圖形的渲染可分為兩種：軟體渲染和硬體渲染。軟體渲染是靠CPU計算各種座標並繪製，主要是佔用記憶體；硬體渲染是靠GPU，主要佔用視訊記憶體，一般的3D圖形程式（OpenGL、DirectX）都是GPU加速的。 在Android3.0之前，2D繪圖API只支援軟體

Android: WebView載入網頁的幾種方式及網路異常處理

1.載入本地assert目錄下檔案（error.html） webcontent.loadUrl（" file:///android_asset/error.html "）; 2.載入網路url（http://www.csdn.com） webcontent.loadUrl（" http://www.csd

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

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

Android視訊的全屏切換

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

unity—NGUI播放視訊及聲音注意事項

首先我是找了很多資料，但是也沒解決播放視訊及聲音的問題：有時視訊出來了，聲音沒有。於是 針對性的資料有：①http://blog.csdn.net/u014771617/article/details

MediaCodec　seekto()後解碼播放視訊，花屏？

通過　mVideoMediaExtractor.seekTo(mStartTimeStamp, MediaExtractor.SEEK_TO_CLOSEST_SYNC); 之後解碼通過SurfaceTexture播放視訊，有些時候花屏，如下是本人解決方法： mVideoM

ios視訊播放器封裝(全屏播放，鎖屏、手勢調節亮度、音量、進度)

今天給大家帶來的是一個基於AVplayer封裝的視訊播放器，支援視訊全屏播放、手勢加減音量，快進後退、調節螢幕亮度、定位視訊播放暫停時刻、實際觀看時間、全屏播放鎖屏等功能。如果需要的話希望能幫到你 , 當然, 有任何不妥的地方 歡迎指正。喜歡的可以關注下我的部落格、我的簡書