WebView中的视频全屏的相关操作

2022-07-12 15:35:18 浏览数 (1)

大家好,又见面了,我是全栈君,祝每个程序员都可以多学几门语言。

近期工作中,基本一直在用WebView,今天就把它整理下:

WebView 顾名思义,就是放一个网页,一个看起来十分简单,可是用起来不是那么简单的控件。

首先你肯定要定义,初始化一个webview,事实上网上的样例非常多,我这里就简单的把一些WebView 中可能会用到的的非常重要的属性以及支持全屏播放视频该怎么实现的代码粘出来,直接放到项目中去即可了

代码语言:javascript复制
<span style="white-space:pre"></span><pre name="code" class="java" style="font-size:18px;"><span style="white-space:pre">		</span>private WebView webview;<span style="font-family: Arial, Helvetica, sans-serif;">		</span>
代码语言:javascript复制
<span style="white-space:pre">		</span>webview = (WebView) findViewById(R.id.webview);
代码语言:javascript复制
  <span style="white-space:pre">		</span>// 设置WebView属性,可以运行Javascript脚本
		webview.getSettings().setJavaScriptEnabled(true);
		//设置WebView 可以载入很多其它格式页面
<span style="white-space:pre">		</span>webview.getSettings().setLoadWithOverviewMode(true);
		//设置WebView使用广泛的视窗
<span style="white-space:pre">		</span>webview.getSettings().setUseWideViewPort(true);
		//设置WebView的用户代理字符串。假设字符串“ua”是null或空,它将使用系统默认的用户代理字符串
<span style="white-space:pre">		</span>webview.getSettings().setUserAgentString();
		//支持手势缩放
<span style="white-space:pre">		</span>webview.getSettings().setBuiltInZoomControls(true);
		//支持2.2以上全部版本号
<span style="white-space:pre">		</span>webview.getSettings().setPluginState(PluginState.ON);
		//告诉webview启用应用程序缓存api。
<span style="white-space:pre">		</span>webview.getSettings().setAppCacheEnabled(true);
		//设置是否启用了DOM storage API。
<span style="white-space:pre">		</span>webview.getSettings().setDomStorageEnabled(true);
		//自己主动打开窗体
		webview.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
		// 没有的话会黑屏 支持插件
		webView.getSettings().setPluginsEnabled(true); 
		/**
		 * setAllowFileAccess 启用或禁止WebView訪问文件数据 setBlockNetworkImage 是否显示网络图像
		 * setBuiltInZoomControls 设置是否支持缩放 setCacheMode 设置缓冲的模式
		 * setDefaultFontSize 设置默认的字体大小 setDefaultTextEncodingName 设置在解码时使用的默认编码
		 * setFixedFontFamily 设置固定使用的字体 setJavaSciptEnabled 设置是否支持Javascript
		 * setLayoutAlgorithm 设置布局方式 setLightTouchEnabled 设置用鼠标激活被选项
		 * setSupportZoom 设置是否支持变焦
		 * */
		// 排版适应屏幕
		.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);web
                 // 设置Web试图 注意下面两个方法十分重要,非常多须要重写:
<span style="white-space:pre">		</span>//首先设置自己定义的WebChromeClient来设置视频播放的一些问题
		busWiFiWebView.setWebChromeClient(new DefaultWebChromeClient());
		busWiFiWebView.setWebViewClient(new DefaultWebViewClientClient());

第一个方法:WebChromeClient: //要重写当中的onShowCustomView 方法 表示进入全屏的时候,以及onHideCustomView 表示退出全屏的时候

界面的话,就是一个webview ,一个FrameLayout ,当全屏的时候就设置webview 隐藏,让FrameLayout全屏显示出来,那么视频就自己主动跑到FrameLayout这里面放了。退出全屏的时候,一样道理,这里要用到回调函数,自己理解吧。。。我讲的不好。。。

代码语言:javascript复制
private class DefaultWebChromeClient extends WebChromeClient {
		// 一个回调接口使用的主机应用程序通知当前页面的自己定义视图已被撤职
		CustomViewCallback customViewCallback;
		// 进入全屏的时候
		@Override
		public void onShowCustomView(View view, CustomViewCallback callback) {
			// 赋值给callback
			customViewCallback = callback;
			// 设置webView隐藏
			webview.setVisibility(View.GONE);
			// 声明video,把之后的视频放到这里面去
			FrameLayout video = (FrameLayout) findViewById(R.id.video);
			// 将video放到当前视图中
			video.addView(view);
			// 横屏显示
			setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
			// 设置全屏
			setFullScreen();
		}
		// 退出全屏的时候
		@Override
		public void onHideCustomView() {
			if (customViewCallback != null) {
				// 隐藏掉
				customViewCallback.onCustomViewHidden();
			}
			// 用户当前的首选方向
			setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_USER);
			// 退出全屏
			quitFullScreen();
			// 设置WebView可见
			webview.setVisibility(View.VISIBLE);
		}

		@Override
		public void onProgressChanged(WebView view, int newProgress) {
			super.onProgressChanged(view, newProgress);
		}
	}

以下是两个方法,设置全屏和退出全屏的方法:注意,我捕捉到了,全屏状态下和窗体状态下他们分别的Flags数值。可见例如以下代码

代码语言:javascript复制
/**
	 * 设置全屏
	 */
	private void setFullScreen() {
		// 设置全屏的相关属性,获取当前的屏幕状态,然后设置全屏
		getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
				WindowManager.LayoutParams.FLAG_FULLSCREEN);
		// 全屏下的状态码:1098974464
		// 窗体下的状态吗:1098973440
	}

	/**
	 * 退出全屏
	 */
	private void quitFullScreen() {
		// 声明当前屏幕状态的參数并获取
		final WindowManager.LayoutParams attrs = getWindow().getAttributes();
		attrs.flags &= (~WindowManager.LayoutParams.FLAG_FULLSCREEN);
		getWindow().setAttributes(attrs);
		getWindow().clearFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
	}

第二个自己定义的WebViewClient,继承WebViewClient

代码语言:javascript复制
/**
	 * 使用系统默认webview
	 */
	private class DefaultWebViewClientClient extends WebViewClient {
		@Override
		public boolean shouldOverrideUrlLoading(WebView view, String url) {
代码语言:javascript复制
<span style="white-space:pre">			</span>return super.shouldOverrideUrlLoading(view, url);
			//假设要下载页面中的游戏或者继续点击网页中的链接进入下一个网页的话,重写此方法下,不然就会跳到手机自带的浏览器了,而不继续在你这个webview里面展现了
		}

		@Override
		public void onReceivedError(WebView view, int errorCode,
				String description, String failingUrl) {
		<span style="white-space:pre">	</span>//想在收到错误信息的时候,运行一些操作,走此方法
		}

		@Override
		public void onPageStarted(WebView view, String url, Bitmap favicon) {
			super.onPageStarted(view, url, favicon);
			//想在页面開始载入的时候,运行一些操作,走此方法
		}

		@Override
		public void onPageFinished(WebView view, String url) {
			super.onPageFinished(view, url);
			//想在页面载入结束的时候,运行一些操作,走此方法
		}
	}

最后另一点非常重要,要想进入同过webview浏览网页,并且点返回键是想在webview中返回,而不是直接退出程序,那么就得重写onKeyDown方法。还有

代码语言:javascript复制
@Override
	public boolean onKeyDown(int keyCode, KeyEvent event) {
		
		if (keyCode == KeyEvent.KEYCODE_BACK) {
						WebView webView = (WebView) findViewById(R.id.webview_passenger);
						if (webView.canGoBack()) {
							// goBack()表示返回WebView的上一页面
							webView.goBack();
							//退出全屏
							quitFullScreen();
						} else {
	
						}
			return true;
		}
		return super.onKeyDown(keyCode, event);
	}

有什么问题,能够联系我哈,就在以下留言就好啦,天天在线的。。。

恩,综上,就这么多了,研究了好几天。附上一份不错的Demo吧,原Demo要3点积分,我作为VIP就免费下下来给大家了

Demo下载地址:http://download.csdn.net/detail/lygscg123/7673123

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/118853.html原文链接:https://javaforall.cn

0 人点赞