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

  • 相关阅读:
    How to convert VirtualBox vdi to KVM qcow2
    (OK)(OK) adb -s emulator-5554 shell
    (OK)(OK) using adb with a NAT'ed VM
    (OK) How to access a NAT guest from host with VirtualBox
    (OK) Creating manually one VMs from an existing VDI file in CLI (VBoxManage) in Fedora 23
    (OK)(OK) Creating VMs from an existing VDI file in CLI (VBoxManage) in Fedora 23
    (OK) Creating_VMs_from_an_existing_VDI_file.txt
    (OK) Creating VMs from an existing VDI file —— in OS X
    (OK) install_IBM_SERVER.txt
    (OK) install chrome & busybox in android-x86_64 —— uninstall chrome
  • 原文地址:https://www.cnblogs.com/changyiqiang/p/11138457.html
Copyright © 2011-2022 走看看