Android中使用WebView實現全屏切換播放網頁視頻

来源:https://www.cnblogs.com/changyiqiang/archive/2019/07/05/11138457.html
-Advertisement-
Play Games

首先寫佈局文件activity_main.xml: 原理:實現全屏的時候把webview里的視頻放到一個View(佈局里的video_view控制項)裡面,然後把webview隱藏掉!這樣就實現了全屏播放的!現在具體來看看怎麼實現的:先放代碼MainActivity.java: 最後說下Android ...


首先寫佈局文件activity_main.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical">
    <FrameLayout 
        android:id="@+id/video_view"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:visibility="gone"
        ></FrameLayout>
    <Button 
        android:id="@+id/video_landport"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="全屏不顯示該按扭,點擊切換橫屏"
        android:gravity="center"
        />
    <WebView 
        android:id="@+id/video_webview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        />
    </LinearLayout>

  原理:實現全屏的時候把webview里的視頻放到一個View(佈局里的video_view控制項)裡面,然後把webview隱藏掉!這樣就實現了全屏播放的!
現在具體來看看怎麼實現的:
先放代碼MainActivity.java:

public class MainActivity extends Activity {
 
    private FrameLayout videoview;// 全屏時視頻載入view
    private Button videolandport;
    private WebView videowebview;
    private Boolean islandport = true;//true表示此時是豎屏,false表示此時橫屏。
    private View xCustomView;
    private xWebChromeClient xwebchromeclient;
    private String url = "http://look.appjx.cn/mobile_api.php?mod=news&id=12604";
    private WebChromeClient.CustomViewCallback     xCustomViewCallback;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);//去掉應用標題
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                WindowManager.LayoutParams.FLAG_FULLSCREEN);
        setContentView(R.layout.activity_main);
        initwidget();
        initListener();
        videowebview.loadUrl(url);
    }
 
    private void initListener() {
        // TODO Auto-generated method stub
        videolandport.setOnClickListener(new Listener());
    }
 
    private void initwidget() {
        // TODO Auto-generated method stub
        videoview = (FrameLayout) findViewById(R.id.video_view);
        videolandport = (Button) findViewById(R.id.video_landport);
        videowebview = (WebView) findViewById(R.id.video_webview);
        WebSettings ws = videowebview.getSettings();
        /**
         * setAllowFileAccess 啟用或禁止WebView訪問文件數據 setBlockNetworkImage 是否顯示網路圖像
         * setBuiltInZoomControls 設置是否支持縮放 setCacheMode 設置緩衝的模式
         * setDefaultFontSize 設置預設的字體大小 setDefaultTextEncodingName 設置在解碼時使用的預設編碼
         * setFixedFontFamily 設置固定使用的字體 setJavaSciptEnabled 設置是否支持Javascript
         * setLayoutAlgorithm 設置佈局方式 setLightTouchEnabled 設置用滑鼠激活被選項
         * setSupportZoom 設置是否支持變焦
         * */
        ws.setBuiltInZoomControls(true);// 隱藏縮放按鈕
        ws.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);// 排版適應屏幕
        ws.setUseWideViewPort(true);// 可任意比例縮放
        ws.setLoadWithOverviewMode(true);// setUseWideViewPort方法設置webview推薦使用的視窗。setLoadWithOverviewMode方法是設置webview載入的頁面的模式。
        ws.setSavePassword(true);
        ws.setSaveFormData(true);// 保存表單數據
        ws.setJavaScriptEnabled(true);
        ws.setGeolocationEnabled(true);// 啟用地理定位
        ws.setGeolocationDatabasePath("/data/data/org.itri.html5webview/databases/");// 設置定位的資料庫路徑
        ws.setDomStorageEnabled(true);
        xwebchromeclient = new xWebChromeClient();
        videowebview.setWebChromeClient(xwebchromeclient);
        videowebview.setWebViewClient(new xWebViewClientent());
    }
 
    class Listener implements OnClickListener {
        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub
            switch (v.getId()) {
            case R.id.video_landport:
                if (islandport) {
                    setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
                    videolandport.setText("全屏不顯示該按扭,點擊切換橫屏");
                }else {
                    setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE); 
                    videolandport.setText("全屏不顯示該按扭,點擊切換豎屏");
                }
                break;
            default:
                break;
            }
        }
    }
       @Override
        public boolean onKeyDown(int keyCode, KeyEvent event) {
            if (keyCode == KeyEvent.KEYCODE_BACK) {
                if (inCustomView()) {
                    hideCustomView();
                    return true;
                }else {
                videowebview.loadUrl("about:blank");
//                    mTestWebView.loadData("", "text/html; charset=UTF-8", null);
                MainActivity.this.finish();
                    Log.i("testwebview", "===>>>2");
            }
            }
            return true;
        }
       /**
        * 判斷是否是全屏
        * @return
        */
        public boolean inCustomView() {
             return (xCustomView != null);
         }
         /**
          * 全屏時按返加鍵執行退出全屏方法
          */
         public void hideCustomView() {
             xwebchromeclient.onHideCustomView();
         }
    /**
     * 處理Javascript的對話框、網站圖標、網站標題以及網頁載入進度等
     * @author
     */
    public class xWebChromeClient extends WebChromeClient {
        private Bitmap xdefaltvideo;
        private View xprogressvideo;
        @Override
        //播放網路視頻時全屏會被調用的方法
        public void onShowCustomView(View view, WebChromeClient.CustomViewCallback callback)
        {
            if (islandport) {
            }
            else{
                 
//                ii = "1";
//                setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT); 
            }
            setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE); 
            videowebview.setVisibility(View.GONE);
            //如果一個視圖已經存在,那麼立刻終止並新建一個
            if (xCustomView != null) {
                callback.onCustomViewHidden();
                return;
            }            
            videoview.addView(view);
            xCustomView = view;
            xCustomViewCallback = callback;
            videoview.setVisibility(View.VISIBLE);
        }
         
        @Override
        //視頻播放退出全屏會被調用的
        public void onHideCustomView() {
             
            if (xCustomView == null)//不是全屏播放狀態
                return;                      
            // Hide the custom view.
            setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT); 
            xCustomView.setVisibility(View.GONE);
             
            // Remove the custom view from its container.
            videoview.removeView(xCustomView);
            xCustomView = null;
            videoview.setVisibility(View.GONE);
            xCustomViewCallback.onCustomViewHidden();
             
            videowebview.setVisibility(View.VISIBLE);
             
            //Log.i(LOGTAG, "set it to webVew");
        }
        //視頻載入添加預設圖標
        @Override
        public Bitmap getDefaultVideoPoster() {
            //Log.i(LOGTAG, "here in on getDefaultVideoPoster");   
            if (xdefaltvideo == null) {
                xdefaltvideo = BitmapFactory.decodeResource(
                        getResources(), R.drawable.videoicon);
            }
            return xdefaltvideo;
        }
        //視頻載入時進程loading
        @Override
        public View getVideoLoadingProgressView() {
            //Log.i(LOGTAG, "here in on getVideoLoadingPregressView");
             
            if (xprogressvideo == null) {
                LayoutInflater inflater = LayoutInflater.from(MainActivity.this);
                xprogressvideo = inflater.inflate(R.layout.video_loading_progress, null);
            }
            return xprogressvideo; 
        }
        //網頁標題
         @Override
         public void onReceivedTitle(WebView view, String title) {
            (MainActivity.this).setTitle(title);
         }
 
//         @Override
//       //當WebView進度改變時更新視窗進度
//         public void onProgressChanged(WebView view, int newProgress) {
//             (MainActivity.this).getWindow().setFeatureInt(Window.FEATURE_PROGRESS, newProgress*100);
//         }      
    }
    /**
     * 處理各種通知、請求等事件
     * @author
     */
    public class xWebViewClientent extends WebViewClient {
         @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                Log.i("webviewtest", "shouldOverrideUrlLoading: "+url);
                return false;
            }
    }
    /**
     * 當橫豎屏切換時會調用該方法
     * @author
     */
    @Override
    public void onConfigurationChanged(Configuration newConfig) {
        Log.i("testwebview", "=====<<<  onConfigurationChanged  >>>=====");
         super.onConfigurationChanged(newConfig);
          
         if(newConfig.orientation == Configuration.ORIENTATION_LANDSCAPE){
             Log.i("webview", "   現在是橫屏1");
             islandport = false;
            }else if(newConfig.orientation == Configuration.ORIENTATION_PORTRAIT){
             Log.i("webview", "   現在是豎屏1");
             islandport = true;
            }
    }
}

  最後說下AndroidManifest.xml設置;
訪問網路許可權加上這句
<uses-permission android:name="android.permission.INTERNET"/>
當切換橫豎屏時為了不重新調用onCreate等方法,要加個這句:
android:configChanges="orientation|keyboardHidden|screenSize"

完成

參考於:https://www.cnblogs.com/lee0oo0/p/4039654.html


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 關於文章,本文是在網上查找資料整理而來,方便以後記憶 delete 命令刪除的數據可以恢復, truncate 命令刪除的數據是不可以恢復的,全刪的那種 drop 命令刪除的數據不可恢復,連表結構都刪的那種 相同點 truncate 和不帶 where 子句的 delete, 以及 drop 都會刪 ...
  • Vs連接Mysql資料庫步驟 1、 首先下載mysql資料庫,安裝,建庫建表 https://www.yiibai.com/mysql/getting-started-with-mysql-stored-procedures.html (這個超鏈接是關於Mysql的學習資料,個人認為很不錯!) 2、 ...
  • 資料庫單表數據量太大可能會導致資料庫的查詢速度大大下降(感覺都是千萬級以上的數據表了),可以採取分區分表將大表分為小表解決(當然這隻是其中一種方法),比如數據按月、按年分表,最後可以使用視圖將小表重新併為總的虛擬表,其實並不影響上層程式的使用(程式也許都不知道分表了)。 主要步驟: 1、新建文件組, ...
  • 1. 背景 當系統的微服務化做的不是很高的時候,部分功能要通過DB LinkServer 來實現跨 Server 查詢,當然,有時候BI抽數據、DBA資料庫維護可能也會創建LinkServer。 特別是當 DB遷移的時候,我們需要檢查、創建 DB LinkServer。 2.腳本實現 下麵是我們創建 ...
  • 這個博主寫的非常好,直接附上連接。 數據表創建參數介紹一http://blog.itpub.net/17203031/viewspace-688011/ 數據表創建參數介紹二 http://blog.itpub.net/17203031/viewspace-688047/ 數據表創建參數介紹三 ht ...
  • 在網上搜索了很多次oracle表空間查詢語句,現在記錄下來 查詢oracle表空間大小: 其中包含了當前的表空間和臨時表空間總空間大小和當前使用情況,突然看到其中包含臨時表空間語句,產生了一些興趣,度了一番之後,如下: 臨時表空間使用情況 創建臨時表空間,比起普通表空間多了temporary關鍵字 ...
  • 在做項目的過程中。我發現有許多地方有用到游標的方式去實現功能效果的。所以,整理了有關常用的實現游標的方式。 一、什麼是游標 維基百科中事這樣定義游標的。游標是處理結果集的一種機制 ,而結果集就是select查詢返回的所有行數據的集合。 對於我而言,用通俗的話來講,就是把自己需要用到的數據先放到一個容 ...
  • 前言: 摸索學習Xamarin的應用,以此博客跟進學習進度。 介紹: Xamarin 提供了用於移動設備、平板電腦和桌面應用程式的跨平臺開發解決方案。Xamarin 產品依賴於 Apple 和 Google 中的平臺 SDK 才能面向 iOS 或 Android,因此系統要求應與這些平臺的要求匹配。 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...