zoukankan      html  css  js  c++  java
  • Android中使用WebView实现全屏切换播放网页视频

    首先写布局文件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

  • 相关阅读:
    Jquery DataTables自学笔记 之 自定义布局
    克鲁伊夫:巴萨为什么会输给阿森纳 次战很有机会翻盘
    Jquery DataTables自学笔记 之 基本设置的中文注解
    [原创]自己写的一个Javascript仿Asp.Net的Trim字符串函数
    [转]Mongodb 与sql 语句对照
    好习惯
    [转]javascript中判断变量是否为array
    asp.net在遨游3下的一个BUG
    [转] javascript cookies 存、取、删除实例
    Jquery DataTables自学笔记 之 对表中所有列定义的另一种方法
  • 原文地址:https://www.cnblogs.com/changyiqiang/p/11138457.html
Copyright © 2011-2022 走看看