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

技术标签： webview  Andriod  音视频  android  

介绍

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

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

主要代码

以下是相应代码：

MainActivity：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

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

        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;

    }

}

activity_main.xml：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<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：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

<?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：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

<?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" >

  

        <!-- 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>

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/juelingfeng/article/details/128189942

智能推荐

分布式光纤传感器的全球与中国市场2022-2028年：技术、参与者、趋势、市场规模及占有率研究报告_预计2026年中国分布式传感器市场规模有多大-程序员宅基地

文章浏览阅读3.2k次。本文研究全球与中国市场分布式光纤传感器的发展现状及未来发展趋势，分别从生产和消费的角度分析分布式光纤传感器的主要生产地区、主要消费地区以及主要的生产商。重点分析全球与中国市场的主要厂商产品特点、产品规格、不同规格产品的价格、产量、产值及全球和中国市场主要生产商的市场份额。主要生产商包括：FISO TechnologiesBrugg KabelSensor HighwayOmnisensAFL GlobalQinetiQ GroupLockheed MartinOSENSA Innovati_预计2026年中国分布式传感器市场规模有多大

07_08 常用组合逻辑电路结构——为IC设计的延时估计铺垫_基4布斯算法代码-程序员宅基地

文章浏览阅读1.1k次，点赞2次，收藏12次。常用组合逻辑电路结构——为IC设计的延时估计铺垫学习目的：估计模块间的delay，确保写的代码的timing 综合能给到多少HZ，以满足需求！_基4布斯算法代码

OpenAI Manager助手（基于SpringBoot和Vue）_chatgpt网页版-程序员宅基地

文章浏览阅读3.3k次，点赞3次，收藏5次。OpenAI Manager助手（基于SpringBoot和Vue）_chatgpt网页版

关于美国计算机奥赛USACO，你想知道的都在这_usaco可以多次提交吗-程序员宅基地

文章浏览阅读2.2k次。USACO自1992年举办，到目前为止已经举办了27届，目的是为了帮助美国信息学国家队选拔IOI的队员，目前逐渐发展为全球热门的线上赛事，成为美国大学申请条件下，含金量相当高的官方竞赛。USACO的比赛成绩可以助力计算机专业留学，越来越多的学生进入了康奈尔，麻省理工，普林斯顿，哈佛和耶鲁等大学，这些同学的共同点是他们都参加了美国计算机科学竞赛（USACO)，并且取得过非常好的成绩。适合参赛人群USACO适合国内在读学生有意向申请美国大学的或者想锻炼自己编程能力的同学，高三学生也可以参加12月的第_usaco可以多次提交吗

MySQL存储过程和自定义函数_mysql自定义函数和存储过程-程序员宅基地

文章浏览阅读394次。1.1 存储程序1.2 创建存储过程1.3 创建自定义函数1.3.1 示例1.4 自定义函数和存储过程的区别1.5 变量的使用1.6 定义条件和处理程序1.6.1 定义条件1.6.1.1 示例1.6.2 定义处理程序1.6.2.1 示例1.7 光标的使用1.7.1 声明光标1.7.2 打开光标1.7.3 使用光标1.7.4 关闭光标1.8 流程控制的使用1.8.1 IF语句1.8.2 CASE语句1.8.3 LOOP语句1.8.4 LEAVE语句1.8.5 ITERATE语句1.8.6 REPEAT语句。_mysql自定义函数和存储过程

半导体基础知识与PN结_本征半导体电流为0-程序员宅基地

文章浏览阅读188次。半导体二极管——集成电路最小组成单元。_本征半导体电流为0

随便推点

【Unity3d Shader】水面和岩浆效果_unity 岩浆shader-程序员宅基地

文章浏览阅读2.8k次，点赞3次，收藏18次。游戏水面特效实现方式太多。咱们这边介绍的是一最简单的UV动画（无顶点位移），整个mesh由4个顶点构成。实现了水面效果（左图），不动代码稍微修改下参数和贴图可以实现岩浆效果（右图）。有要思路是1，uv按时间去做正弦波移动2，在1的基础上加个凹凸图混合uv3，在1、2的基础上加个水流方向4，加上对雾效的支持，如没必要请自行删除雾效代码(把包含fog的几行代码删除)S..._unity 岩浆shader

广义线性模型——Logistic回归模型（1）_广义线性回归模型-程序员宅基地

文章浏览阅读5k次。广义线性模型是线性模型的扩展，它通过连接函数建立响应变量的数学期望值与线性组合的预测变量之间的关系。广义线性模型拟合的形式为：其中g(μY)是条件均值的函数（称为连接函数）。另外，你可放松Y为正态分布的假设，改为Y 服从指数分布族中的一种分布即可。设定好连接函数和概率分布后，便可以通过最大似然估计的多次迭代推导出各参数值。在大部分情况下，线性模型就可以通过一系列连续型或类别型预测变量来预测正态分布的响应变量的工作。但是，有时候我们要进行非正态因变量的分析，例如：（1）类别型.._广义线性回归模型

HTML+CSS大作业 环境网页设计与实现(垃圾分类) web前端开发技术 web课程设计 网页规划与设计_垃圾分类网页设计目标怎么写-程序员宅基地

文章浏览阅读69次。环境保护、 保护地球、 校园环保、垃圾分类、绿色家园、等网站的设计与制作。 总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频 视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点，网页的风格主题也很全面：如爱好、风景、校园、美食、动漫、游戏、咖啡、音乐、家乡、电影、名人、商城以及个人主页等主题，学生、新手可参考下方页面的布局和设计和HTML源码（有用点赞△） 一套A+的网_垃圾分类网页设计目标怎么写

C# .Net 发布后,把dll全部放在一个文件夹中,让软件目录更整洁_.net dll 全局目录-程序员宅基地

文章浏览阅读614次，点赞7次，收藏11次。之前找到一个修改 exe 中 DLL地址 的方法, 不太好使,虽然能正确启动, 但无法改变 exe 的工作目录,这就影响了.Net 中很多获取 exe 执行目录来拼接的地址 ( 相对路径 ),比如 wwwroot 和 代码中相对目录还有一些复制到目录的普通文件 等等,它们的地址都会指向原来 exe 的目录, 而不是自定义的 “lib” 目录,根本原因就是没有修改 exe 的工作目录这次来搞一个启动程序,把 .net 的所有东西都放在一个文件夹,在文件夹同级的目录制作一个 exe._.net dll 全局目录

BRIEF特征点描述算法_breif description calculation 特征点-程序员宅基地

文章浏览阅读1.5k次。本文为转载，原博客地址：http://blog.csdn.net/hujingshuang/article/details/46910259简介 BRIEF是2010年的一篇名为《BRIEF:Binary Robust Independent Elementary Features》的文章中提出，BRIEF是对已检测到的特征点进行描述，它是一种二进制编码的描述子，摈弃了利用区域灰度..._breif description calculation 特征点

房屋租赁管理系统的设计和实现，SpringBoot计算机毕业设计论文_基于spring boot的房屋租赁系统论文-程序员宅基地

文章浏览阅读4.1k次，点赞21次，收藏79次。本文是《基于SpringBoot的房屋租赁管理系统》的配套原创说明文档，可以给应届毕业生提供格式撰写参考，也可以给开发类似系统的朋友们提供功能业务设计思路。_基于spring boot的房屋租赁系统论文

推荐文章

热门文章

相关标签