android开发分享Android WebView实现全屏播放视频

目录

• 介绍
• 主要代码

  package com.androidwebviewdemo;     import android.app.activity;  import android.app.progressdialog;  import android.content.pm.activityinfo;  import android.os.bundle;  import android.util.log;  import android.view.keyevent;  import android.view.layoutinflater;  import android.view.view;  import android.view.window;  import android.view.windowmanager;  import android.webkit.webchromeclient;  import android.webkit.webchromeclient.customviewcallback;  import android.webkit.websettings;  import android.webkit.webview;  import android.webkit.webviewclient;  import android.widget.framelayout;     /**   * 使用webview播放视频时需要注意的地方：   * 1、加网络访问权限（及其他所需要的权限）；    * 2、webviewclient中方法shouldoverrideurlloading可用来实现点击webview页面的链接；   * 3、webview中播放视频需要添加webview.setwebchromeclient(new webchromeclient())；   * 4、视频竖屏时，点击全屏，想要切换到横屏全屏的状态，那么必须在manifest.xml配置文件该activity的   * 	配置文件中添加android:configchanges="orientation|screensize"语句。   * 5、如果视频不能播放，或者播放比较卡，可以采用硬件加速，即在application，或所在的activity的配置文件中添加   * 	android:hardwareaccelerated="true"即可。   * @author zhongyao   */  public class mainactivity extends activity {  	private webview webview;  	private framelayout video_fullview;// 全屏时视频加载view  	private view xcustomview;  	private progressdialog waitdialog = null;  	private customviewcallback xcustomviewcallback;  	private mywebchromeclient xwebchromeclient;     	@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);  		  		waitdialog = new progressdialog(this);  		waitdialog.settitle("提示");  		waitdialog.setmessage("视频页面加载中...");  		waitdialog.setindeterminate(true);  		waitdialog.setcancelable(true);  		waitdialog.show();     		webview = (webview) findviewbyid(r.id.webview);  		video_fullview = (framelayout) findviewbyid(r.id.video_fullview);     		websettings ws = webview.getsettings();  		ws.setbuiltinzoomcontrols(true);// 隐藏缩放按钮  		// ws.setlayoutalgorithm(websettings.layoutalgorithm.normal);// 排版适应屏幕     		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);  		ws.setsupportmultiplewindows(true);// 新加  		xwebchromeclient = new mywebchromeclient();  		webview.setwebchromeclient(xwebchromeclient);  		webview.setwebviewclient(new mywebviewclient());  		webview.loadurl("https://look.appjx.cn/mobile_api.php?mod=news&id=12604");  	}     	public class mywebviewclient extends webviewclient {  		@override  		public boolean shouldoverrideurlloading(webview view, string url) {  			view.loadurl(url);  			return false;  		}     		@override  		public void onpagefinished(webview view, string url) {  			super.onpagefinished(view, url);  			waitdialog.dismiss();  		}  	}     	public class mywebchromeclient extends webchromeclient {  		private view xprogressvideo;     		// 播放网络视频时全屏会被调用的方法  		@override  		public void onshowcustomview(view view, customviewcallback callback) {  			setrequestedorientation(activityinfo.screen_orientation_landscape);  			webview.setvisibility(view.invisible);  			// 如果一个视图已经存在，那么立刻终止并新建一个  			if (xcustomview != null) {  				callback.oncustomviewhidden();  				return;  			}  			video_fullview.addview(view);  			xcustomview = view;  			xcustomviewcallback = callback;  			video_fullview.setvisibility(view.visible);  		}     		// 视频播放退出全屏会被调用的  		@override  		public void onhidecustomview() {  			if (xcustomview == null)// 不是全屏播放状态  				return;     			setrequestedorientation(activityinfo.screen_orientation_portrait);  			xcustomview.setvisibility(view.gone);  			video_fullview.removeview(xcustomview);  			xcustomview = null;  			video_fullview.setvisibility(view.gone);  			xcustomviewcallback.oncustomviewhidden();  			webview.setvisibility(view.visible);  		}     		// 视频加载时进程loading  		@override  		public view getvideoloadingprogressview() {  			if (xprogressvideo == null) {  				layoutinflater inflater = layoutinflater  						.from(mainactivity.this);  				xprogressvideo = inflater.inflate(  						r.layout.video_loading_progress, null);  			}  			return xprogressvideo;  		}  	}     	/**  	 * 判断是否是全屏  	 *   	 * @return  	 */  	public boolean incustomview() {  		return (xcustomview != null);  	}     	/**  	 * 全屏时按返加键执行退出全屏方法  	 */  	public void hidecustomview() {  		xwebchromeclient.onhidecustomview();  		setrequestedorientation(activityinfo.screen_orientation_portrait);  	}     	@override  	protected void onresume() {  		super.onresume();  		super.onresume();  		webview.onresume();  		webview.resumetimers();     		/**  		 * 设置为横屏  		 */  		if (getrequestedorientation() != activityinfo.screen_orientation_landscape) {  			setrequestedorientation(activityinfo.screen_orientation_portrait);  		}  	}     	@override  	protected void onpause() {  		super.onpause();  		webview.onpause();  		webview.pausetimers();  	}     	@override  	protected void ondestroy() {  		super.ondestroy();  		super.ondestroy();  		video_fullview.removeallviews();  		webview.loadurl("about:blank");  		webview.stoploading();  		webview.setwebchromeclient(null);  		webview.setwebviewclient(null);  		webview.destroy();  		webview = null;  	}  	@override  	public boolean onkeydown(int keycode, keyevent event) {  		if (keycode == keyevent.keycode_back) {  			if (incustomview()) {  				// webviewdetails.loadurl("about:blank");  				hidecustomview();  				return true;  			} else {  				webview.loadurl("about:blank");  				mainactivity.this.finish();  			}  		}  		return false;  	}  }

  <linearlayout xmlns:android="https://schemas.android.com/apk/res/android"      xmlns:tools="https://schemas.android.com/tools"      android:layout_width="fill_parent"      android:layout_height="fill_parent"      android:orientation="vertical" >         <framelayout          android:id="@+id/video_fullview"          android:layout_width="fill_parent"          android:layout_height="fill_parent"          android:visibility="gone" >      </framelayout>         <webview          android:id="@+id/webview"          android:layout_width="wrap_content"          android:layout_height="wrap_content"          android:layout_margintop="20sp" />     </linearlayout>

  <?xml version="1.0" encoding="utf-8"?>  <linearlayout xmlns:android="https://schemas.android.com/apk/res/android"      android:id="@+id/progress_indicator"      android:layout_width="wrap_content"      android:layout_height="wrap_content"      android:layout_centerinparent="true"      android:orientation="vertical" >         <progressbar          android:id="@android:id/progress"          style="?android:attr/progressbarstylelarge"          android:layout_width="wrap_content"          android:layout_height="wrap_content"          android:layout_gravity="center" />         <textview          android:layout_width="wrap_content"          android:layout_height="wrap_content"          android:layout_gravity="center"          android:paddingtop="5dip"          android:text="正在玩命加载视频中。。。"          android:textcolor="?android:attr/textcolorprimary"          android:textsize="14sp" />     </linearlayout>

  <?xml version="1.0" encoding="utf-8"?>  <manifest xmlns:android="https://schemas.android.com/apk/res/android"      package="com.androidwebviewdemo"      android:versioncode="1"      android:versionname="1.0" >         <uses-sdk          android:minsdkversion="8"          android:targetsdkversion="17" />         <uses-permission android:name="android.permission.internet" />      <uses-permission android:name="android.permission.access_coarse_location" />      <uses-permission android:name="android.permission.access_fine_location" />      <uses-permission android:name="android.permission.access_mock_location" />      <uses-permission android:name="android.permission.access_gps" />      <uses-permission android:name="android.permission.access_assisted_gps" />      <uses-permission android:name="android.permission.access_location" />  	<uses-permission android:name="android.permission.read_phone_state"/>      <application          android:allowbackup="true"          android:hardwareaccelerated="true"          android:icon="@drawable/ic_launcher"          android:label="@string/app_name"          android:theme="@style/apptheme" >             <!-- android:configchanges="orientation|keyboardhidden" -->          <!-- 默认竖屏，点击全屏后再横屏，           	那么activity必须配置android:configchanges="orientation|screensize"  			这样一来，旋转屏幕，只会调用onconfigurationchanged，不会创建新activity。  			不然的话，代码中设置横屏的时候，都会新建一个activity，  			那样就没办法实现点击就横屏全屏了。 -->          <activity              android:name="com.androidwebviewdemo.mainactivity"              android:configchanges="orientation|screensize"              android:label="@string/app_name" >              <intent-filter>                  <action android:name="android.intent.action.main" />                     <category android:name="android.intent.category.launcher" />              </intent-filter>          </activity>      </application>     </manifest>