视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
Android使WebView支持HTML5Video全屏播放的方法分享(图)
2020-11-27 15:08:59 责编:小采
文档
 1)需要在AndroidManifest.xml文件中声明需要使用HardwareAccelerate, 可以细化到Activity级别,如果不需要的View可以声明不要用加速,但是需要在代码中做,具体如下:

a. 如果要声明整个应用都要加速:

 < application
 ... android:hardwareAccelerated ="true">

b. 如果要在Activity中声明,则:

 <activity
 ... android:hardwareAccelerated="true" >,
 还可以更细化到Window, getWindow.setFlags( WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED); 
 WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED,

c. 如果application或者activity都申明了要硬件加速,但是为了某些原因(比如省电?),一些View不需要硬件加速的话,

view.setLayerType(View.LAYER_TYPE_SOFTWARE, null);

2)可以说挺奇怪的是,需要在AndroidManifest.xml文件中用上<use-sdk></use-sdk>标签,而且如果是空的还不行,必须写上targetSDK或者minSDK,但是我试验过,不管写版本是多少都没有关系。。理论上说,Android应该是从3.0( API Level 11)开始可以对2D渲染加速,但是我把targetSDK设置为5都可以使用的,但是这个标签不写还不行。

一般来说,上面的操作做了,就可以使用video标签播放视屏了,如果要支持全屏,还需要做一点操作:

1)给webview一个WebChromeClient对象,这个WebChromeClient对象需要实现onShowCustomView和onHideCustomView方法,下面是一个实现例子:

 @Override
 public void onShowCustomView(View
 view, CustomViewCallback callback) {
 if (myCallback != null)
 {
 myCallback.onCustomViewHidden();
 myCallback = null ;
 return;
 }
 
 long id
 = Thread.currentThread().getId();
 WrtLog. v("WidgetChromeClient", "rong
 debug in showCustomView Ex: " + id);
 
 ViewGroup parent = (ViewGroup) mWebView.getParent();
 String s = parent.getClass().getName();
 WrtLog. v("WidgetChromeClient", "rong
 debug Ex: " + s);
 parent.removeView( mWebView);
 parent.addView(view);
 myView =
 view;
 myCallback =
 callback;
 chromeClient = this ;
 }
 private View myView = null;
 private CustomViewCallback myCallback = null;
 
 
 public void onHideCustomView()
 {
 
 long id
 = Thread.currentThread().getId();
 WrtLog. v("WidgetChromeClient", "rong
 debug in hideCustom Ex: " + id);
 
 
 if (myView != null)
 {
 
 if (myCallback != null)
 {
 myCallback.onCustomViewHidden();
 myCallback = null ;
 }
 
 ViewGroup parent = (ViewGroup) myView.getParent();
 parent.removeView( myView);
 parent.addView( mWebView);
 myView = null;
 }
 }

好吧,这个写法和网上很多写法不一样,网上大部分的例子都是onShowCustomView方法接收到的view是一个VideoView对象,而这里是一个找不到的HTML5VideoFullScreen的VideoSurfaceView子类,而且这个子类还是一个private的子类,在外面根本没有办法访问到,android.jar中也没有HTML5VideoFullScreen这个类。如果想要在application中访问到这个类,那么需要把<android-SDK-path>/platforms/<android-version>/data/layoutlib.jar这个包加到buildpath中,而且从android-14,也就是android4.0以后才这样,也就是说,网上说的那个方法在android3.0时代是可以用的,android4.0以后就不行了,我用的是android4.0.3。

其实不管是什么版本,这个段代码的大概意思就是,在onShowCustomView方法中,将获取到的view放到当前Activity的最上方,在onHideCustomView中,将之前的view隐藏或者删除,将原来被覆盖的webview放回来,并结束播放,否在会报MediaPlayer IllegalStatusException, 而且还是Native method,根本没法调试了。

可以下载下来,用eclipse导入工程,把样例视频放到sdcard根部目录下,从系统角度看就是/mnt/sdcard即可。

效果如图:

全屏前:

全屏后:

下载本文
显示全文
专题