Android使用WebView实现全屏切换播放网页视频功能

2023-08-20 10:01:05 81

首先写布局文件activity_main.xml：

原理：实现全屏的时候把webview里的视频放到一个View（布局里的video_view控件）里面，然后把webview隐藏掉！这样就实现了全屏播放的！

现在具体来看看怎么实现的:

先放代码MainActivity.java：

publicclassMainActivityextendsActivity{
privateFrameLayoutvideoview;//全屏时视频加载view
privateButtonvideolandport;
privateWebViewvideowebview;
privateBooleanislandport=true;//true表示此时是竖屏，false表示此时横屏。
privateViewxCustomView;
privatexWebChromeClientxwebchromeclient;
privateStringurl="http://look.appjx.cn/mobile_api.php?mod=news&id=12604";
privateWebChromeClient.CustomViewCallbackxCustomViewCallback;
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);//去掉应用标题
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
setContentView(R.layout.activity_main);
initwidget();
initListener();
videowebview.loadUrl(url);
}
privatevoidinitListener(){
//TODOAuto-generatedmethodstub
videolandport.setOnClickListener(newListener());
}
privatevoidinitwidget(){
//TODOAuto-generatedmethodstub
videoview=(FrameLayout)findViewById(R.id.video_view);
videolandport=(Button)findViewById(R.id.video_landport);
videowebview=(WebView)findViewById(R.id.video_webview);
WebSettingsws=videowebview.getSettings();
/**
*setAllowFileAccess启用或禁止WebView访问文件数据setBlockNetworkImage是否显示网络图像
*setBuiltInZoomControls设置是否支持缩放setCacheMode设置缓冲的模式
*setDefaultFontSize设置默认的字体大小setDefaultTextEncodingName设置在解码时使用的默认编码
*setFixedFontFamily设置固定使用的字体setJavaSciptEnabled设置是否支持Javascript
*setLayoutAlgorithm设置布局方式setLightTouchEnabled设置用鼠标激活被选项
*setSupportZoom设置是否支持变焦
**/
ws.setBuiltInZoomControls(true);//隐藏缩放按钮
ws.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);//排版适应屏幕
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);
xwebchromeclient=newxWebChromeClient();
videowebview.setWebChromeClient(xwebchromeclient);
videowebview.setWebViewClient(newxWebViewClientent());
}
classListenerimplementsOnClickListener{
@Override
publicvoidonClick(Viewv){
//TODOAuto-generatedmethodstub
switch(v.getId()){
caseR.id.video_landport:
if(islandport){
setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
videolandport.setText("全屏不显示该按扭，点击切换横屏");
}else{
setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
videolandport.setText("全屏不显示该按扭，点击切换竖屏");
}
break;
default:
break;
}
}
}
@Override
publicbooleanonKeyDown(intkeyCode,KeyEventevent){
if(keyCode==KeyEvent.KEYCODE_BACK){
if(inCustomView()){
hideCustomView();
returntrue;
}else{
videowebview.loadUrl("about:blank");
//mTestWebView.loadData("","text/html;charset=UTF-8",null);
MainActivity.this.finish();
Log.i("testwebview","===>>>2");
}
}
returntrue;
}
/**
*判断是否是全屏
*@return
*/
publicbooleaninCustomView(){
return(xCustomView!=null);
}
/**
*全屏时按返加键执行退出全屏方法
*/
publicvoidhideCustomView(){
xwebchromeclient.onHideCustomView();
}
/**
*处理Javascript的对话框、网站图标、网站标题以及网页加载进度等
*@author
*/
publicclassxWebChromeClientextendsWebChromeClient{
privateBitmapxdefaltvideo;
privateViewxprogressvideo;
@Override
//播放网络视频时全屏会被调用的方法
publicvoidonShowCustomView(Viewview,WebChromeClient.CustomViewCallbackcallback)
{
if(islandport){
}
else{
//ii="1";
//setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
}
setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
videowebview.setVisibility(View.GONE);
//如果一个视图已经存在，那么立刻终止并新建一个
if(xCustomView!=null){
callback.onCustomViewHidden();
return;
}
videoview.addView(view);
xCustomView=view;
xCustomViewCallback=callback;
videoview.setVisibility(View.VISIBLE);
}
@Override
//视频播放退出全屏会被调用的
publicvoidonHideCustomView(){
if(xCustomView==null)//不是全屏播放状态
return;
//Hidethecustomview.
setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
xCustomView.setVisibility(View.GONE);
//Removethecustomviewfromitscontainer.
videoview.removeView(xCustomView);
xCustomView=null;
videoview.setVisibility(View.GONE);
xCustomViewCallback.onCustomViewHidden();
videowebview.setVisibility(View.VISIBLE);
//Log.i(LOGTAG,"setittowebVew");
}
//视频加载添加默认图标
@Override
publicBitmapgetDefaultVideoPoster(){
//Log.i(LOGTAG,"hereinongetDefaultVideoPoster");
if(xdefaltvideo==null){
xdefaltvideo=BitmapFactory.decodeResource(
getResources(),R.drawable.videoicon);
}
returnxdefaltvideo;
}
//视频加载时进程loading
@Override
publicViewgetVideoLoadingProgressView(){
//Log.i(LOGTAG,"hereinongetVideoLoadingPregressView");
if(xprogressvideo==null){
LayoutInflaterinflater=LayoutInflater.from(MainActivity.this);
xprogressvideo=inflater.inflate(R.layout.video_loading_progress,null);
}
returnxprogressvideo;
}
//网页标题
@Override
publicvoidonReceivedTitle(WebViewview,Stringtitle){
(MainActivity.this).setTitle(title);
}
//@Override
////当WebView进度改变时更新窗口进度
//publicvoidonProgressChanged(WebViewview,intnewProgress){
//(MainActivity.this).getWindow().setFeatureInt(Window.FEATURE_PROGRESS,newProgress*100);
//}
}
/**
*处理各种通知、请求等事件
*@author
*/
publicclassxWebViewCliententextendsWebViewClient{
@Override
publicbooleanshouldOverrideUrlLoading(WebViewview,Stringurl){
Log.i("webviewtest","shouldOverrideUrlLoading:"+url);
returnfalse;
}
}
/**
*当横竖屏切换时会调用该方法
*@author
*/
@Override
publicvoidonConfigurationChanged(ConfigurationnewConfig){
Log.i("testwebview","=====<<>>=====");
super.onConfigurationChanged(newConfig);
if(newConfig.orientation==Configuration.ORIENTATION_LANDSCAPE){
Log.i("webview","现在是横屏1");
islandport=false;
}elseif(newConfig.orientation==Configuration.ORIENTATION_PORTRAIT){
Log.i("webview","现在是竖屏1");
islandport=true;
}
}
}

最后说下AndroidManifest.xml设置;
访问网络权限加上这句

当切换横竖屏时为了不重新调用onCreate等方法，要加个这句：

android:configChanges="orientation|keyboardHidden|screenSize"

总结

以上所述是小编给大家介绍的Android使用WebView实现全屏切换播放网页视频功能，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

Android使用WebView实现全屏切换播放网页视频功能

热门推荐

随机推荐