Android WebView实现全屏播放视频_webview播放视频-程序员宅基地

技术标签： webview Andriod 音视频 android

介绍

最近项目开发中用到了WebView播放视频的功能，总结了开发中犯过的错误，这些错误在开发是及容易遇到的，所以我这里总结了一下，希望大家看到后不要再犯类似的错误，尽可能提高开发效率：

这个Demo我这里也参考了网上写的一个比较好的一个Demo，经过总结修改，写出来的。

主要代码

以下是相应代码：

MainActivity：

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

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("http://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();

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();

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;

}

activity_main.xml：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://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>

video_loading_progress.xml：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://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>

AndroidManifest.xml：

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://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" >

<!-- 默认竖屏，点击全屏后再横屏，

那么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>

本文链接：https://blog.csdn.net/juelingfeng/article/details/128189942

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

使用nginx解决浏览器跨域问题_nginx不停的xhr-程序员宅基地

文章浏览阅读1k次。通过使用ajax方法跨域请求是浏览器所不允许的，浏览器出于安全考虑是禁止的。警告信息如下：不过jQuery对跨域问题也有解决方案，使用jsonp的方式解决，方法如下：$.ajax({ async:false, url: 'http://www.mysite.com/demo.do', // 跨域URL ty..._nginx不停的xhr

在 Oracle 中配置 extproc 以访问 ST_Geometry-程序员宅基地

文章浏览阅读2k次。关于在 Oracle 中配置 extproc 以访问 ST_Geometry，也就是我们所说的使用空间SQL 的方法，官方文档链接如下。http://desktop.arcgis.com/zh-cn/arcmap/latest/manage-data/gdbs-in-oracle/configure-oracle-extproc.htm其实简单总结一下，主要就分为以下几个步骤。..._extproc

Linux C++ gbk转为utf-8_linux c++ gbk->utf8-程序员宅基地

文章浏览阅读1.5w次。linux下没有上面的两个函数，需要使用函数 mbstowcs和wcstombsmbstowcs将多字节编码转换为宽字节编码wcstombs将宽字节编码转换为多字节编码这两个函数，转换过程中受到系统编码类型的影响，需要通过设置来设定转换前和转换后的编码类型。通过函数setlocale进行系统编码的设置。linux下输入命名locale -a查看系统支持的编码_linux c++ gbk->utf8

IMP-00009: 导出文件异常结束-程序员宅基地

文章浏览阅读750次。今天准备从生产库向测试库进行数据导入，结果在imp导入的时候遇到“ IMP-00009:导出文件异常结束” 错误，google一下，发现可能有如下原因导致imp的数据太大，没有写buffer和commit两个数据库字符集不同从低版本exp的dmp文件，向高版本imp导出的dmp文件出错传输dmp文件时，文件损坏解决办法：imp时指定..._imp-00009导出文件异常结束

python程序员需要深入掌握的技能_Python用数据说明程序员需要掌握的技能-程序员宅基地

文章浏览阅读143次。当下是一个大数据的时代，各个行业都离不开数据的支持。因此，网络爬虫就应运而生。网络爬虫当下最为火热的是Python，Python开发爬虫相对简单，而且功能库相当完善，力压众多开发语言。本次教程我们爬取前程无忧的招聘信息来分析Python程序员需要掌握那些编程技术。首先在谷歌浏览器打开前程无忧的首页，按F12打开浏览器的开发者工具。浏览器开发者工具是用于捕捉网站的请求信息，通过分析请求信息可以了解请..._初级python程序员能力要求

Spring @Service生成bean名称的规则（当类的名字是以两个或以上的大写字母开头的话，bean的名字会与类名保持一致）_@service beanname-程序员宅基地

文章浏览阅读7.6k次，点赞2次，收藏6次。@Service标注的bean，类名：ABDemoService查看源码后发现，原来是经过一个特殊处理：当类的名字是以两个或以上的大写字母开头的话，bean的名字会与类名保持一致public class AnnotationBeanNameGenerator implements BeanNameGenerator { private static final String C..._@service beanname

随便推点

二叉树的各种创建方法_二叉树的建立-程序员宅基地

文章浏览阅读6.9w次，点赞73次，收藏463次。1.前序创建#include<stdio.h>#include<string.h>#include<stdlib.h>#include<malloc.h>#include<iostream>#include<stack>#include<queue>using namespace std;typed_二叉树的建立

解决asp.net导出excel时中文文件名乱码_asp.net utf8 导出中文字符乱码-程序员宅基地

文章浏览阅读7.1k次。在Asp.net上使用Excel导出功能，如果文件名出现中文，便会以乱码视之。解决方法： fileName = HttpUtility.UrlEncode(fileName, System.Text.Encoding.UTF8);_asp.net utf8 导出中文字符乱码

笔记-编译原理-实验一-词法分析器设计_对pl/0作以下修改扩充。增加单词-程序员宅基地

文章浏览阅读2.1k次，点赞4次，收藏23次。第一次实验词法分析实验报告设计思想词法分析的主要任务是根据文法的词汇表以及对应约定的编码进行一定的识别，找出文件中所有的合法的单词，并给出一定的信息作为最后的结果，用于后续语法分析程序的使用；本实验针对 PL/0 语言的文法、词汇表编写一个词法分析程序，对于每个单词根据词汇表输出： (单词种类, 单词的值) 二元对。词汇表：种别编码单词符号助记符0beginb..._对pl/0作以下修改扩充。增加单词

android adb shell 权限,android adb shell权限被拒绝-程序员宅基地

文章浏览阅读773次。我在使用adb.exe时遇到了麻烦.我想使用与bash相同的adb.exe shell提示符,所以我决定更改默认的bash二进制文件(当然二进制文件是交叉编译的,一切都很完美)更改bash二进制文件遵循以下顺序> adb remount> adb push bash / system / bin /> adb shell> cd / system / bin> chm..._adb shell mv 权限

投影仪-相机标定_相机-投影仪标定-程序员宅基地

文章浏览阅读6.8k次，点赞12次，收藏125次。1. 单目相机标定引言相机标定已经研究多年，标定的算法可以分为基于摄影测量的标定和自标定。其中，应用最为广泛的还是张正友标定法。这是一种简单灵活、高鲁棒性、低成本的相机标定算法。仅需要一台相机和一块平面标定板构建相机标定系统，在标定过程中，相机拍摄多个角度下（至少两个角度，推荐10~20个角度）的标定板图像（相机和标定板都可以移动），即可对相机的内外参数进行标定。下面介绍张氏标定法（以下也这么称呼）的原理。原理相机模型和单应矩阵相机标定，就是对相机的内外参数进行计算的过程，从而得到物体到图像的投影_相机-投影仪标定

Wayland架构、渲染、硬件支持-程序员宅基地

文章浏览阅读2.2k次。文章目录Wayland 架构Wayland 渲染Wayland的硬件支持简述：　翻译一篇关于和 wayland 有关的技术文章, 其英文标题为Wayland Architecture .Wayland 架构若是想要更好的理解 Wayland 架构及其与 X (X11 or X Window System) 结构；一种很好的方法是将事件从输入设备就开始跟踪, 查看期间所有的屏幕上出现的变化。这就是我们现在对 X 的理解。内核是从一个输入设备中获取一个事件，并通过 evdev 输入_wayland