WebViewHTML5

　　HTML5提供了很多新的特性比如，视频播放、web本地存储、地理定位、应用缓存、Canvas等，但这些特性需要浏览器的支持，在Android应用中我们可以使用WebView构建Web应用，提供对HTML5技术的支持，WebView组件可以通过  setWebChromeClient()和setWebViewClient()加载WebViewClient与WebChromeClient。

WebViewClient主要帮助WebView处理各种通知、请求事件的

WebChromeClient主要辅助WebView处理Javascript的对话框、网站图标、网站title、加载进度等

WebSeting通过该组件实现对浏览器的配置，如设置支持javascript脚本 、允许访问文件 、缩放控制按钮、支持缩放 等

　　下面就使用WebView播放HTML5的视频文件，效果如图

1、编写HTML5WebView，重写WebView

public class HTML5WebView extends WebView {  private Context mContext;  private MyWebChromeClient mWebChromeClient;  private View mCustomView;  private FrameLayout  mCustomViewContainer;  private WebChromeClient.CustomViewCallback mCustomViewCallback;  private FrameLayout mContentView;  private FrameLayout  mBrowserFrameLayout;  private FrameLayout  mLayout;  static final String LOGTAG = "HTML5WebView";  private void init(Context context) {    mContext = context;        Activity a = (Activity) mContext;    mLayout = new FrameLayout(context);    mBrowserFrameLayout = (FrameLayout) LayoutInflater.from(a).        inflate(R.layout.custom_screen, null);    mContentView = (FrameLayout) mBrowserFrameLayout.findViewById(R.id.main_content);    mCustomViewContainer = (FrameLayout) mBrowserFrameLayout.        findViewById(R.id.fullscreen_custom_content);    mLayout.addView(mBrowserFrameLayout, COVER_SCREEN_PARAMS);    mWebChromeClient = new MyWebChromeClient();    setWebChromeClient(mWebChromeClient);    setWebViewClient(new MyWebViewClient());    //配置webview     WebSettings s = getSettings();    s.setBuiltInZoomControls(true);//设置支持缩放     s.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);    s.setUseWideViewPort(true);//设置此属性，可任意比例缩放    s.setLoadWithOverviewMode(true);    s.setSaveFormData(true);    s.setJavaScriptEnabled(true);//支持js    s.setGeolocationEnabled(true);    s.setGeolocationDatabasePath("/data/data/com.jereh.html5webview/databases/");    s.setDomStorageEnabled(true);    mContentView.addView(this);  }  public HTML5WebView(Context context) {    super(context);    init(context);  }  public HTML5WebView(Context context, AttributeSet attrs) {    super(context, attrs);    init(context);  }  public HTML5WebView(Context context, AttributeSet attrs, int defStyle) {    super(context, attrs, defStyle);    init(context);  }  public FrameLayout getLayout() {    return mLayout;  }  public boolean inCustomView() {    return (mCustomView != null);  }  public void hideCustomView() {    mWebChromeClient.onHideCustomView();  }  @Override  public boolean onKeyDown(int keyCode, KeyEvent event) {    if (keyCode == KeyEvent.KEYCODE_BACK) {      if ((mCustomView == null) && canGoBack()){        goBack();        return true;      }    }    return super.onKeyDown(keyCode, event);  }  private class MyWebChromeClient extends WebChromeClient {    private Bitmap     mDefaultVideoPoster;    private View     mVideoProgressView;     // Android 使WebView支持HTML5 Video（全屏）播放的方法    @Override    public void onShowCustomView(View view, WebChromeClient.CustomViewCallback        callback){      HTML5WebView.this.setVisibility(View.GONE);      // if a view already exists then immediately terminate the new one      if (mCustomView != null) {        callback.onCustomViewHidden();        return;      }      mCustomViewContainer.addView(view);      mCustomView = view;      mCustomViewCallback = callback;      mCustomViewContainer.setVisibility(View.VISIBLE);    }        @Override    public void onHideCustomView() {            if (mCustomView == null)        return;            // Hide the custom view.      mCustomView.setVisibility(View.GONE);      // Remove the custom view from its container.      mCustomViewContainer.removeView(mCustomView);      mCustomView = null;      mCustomViewContainer.setVisibility(View.GONE);      mCustomViewCallback.onCustomViewHidden();      HTML5WebView.this.setVisibility(View.VISIBLE);    }        @Override    public Bitmap getDefaultVideoPoster() {      if (mDefaultVideoPoster == null) {        mDefaultVideoPoster = BitmapFactory.decodeResource(            getResources(), R.drawable.default_video_poster);      }      return mDefaultVideoPoster;    }    @Override    public View getVideoLoadingProgressView() {      if (mVideoProgressView == null) {        LayoutInflater inflater = LayoutInflater.from(mContext);        mVideoProgressView = inflater.inflate(R.layout.video_loading_progress, null);      }      return mVideoProgressView;     }     @Override     public void onReceivedTitle(WebView view, String title) {      ((Activity) mContext).setTitle(title);     }     @Override     public void onProgressChanged(WebView view, int newProgress) {       ((Activity) mContext).getWindow().setFeatureInt(Window.FEATURE_PROGRESS,           newProgress*100);     }     @Override     public void onGeolocationPermissionsShowPrompt(String origin, GeolocationPermissions.Callback callback) {       callback.invoke(origin, true, false);     }  }  private class MyWebViewClient extends WebViewClient {    @Override    public boolean shouldOverrideUrlLoading(WebView view, String url) {        return false;    }  }  static final FrameLayout.LayoutParams COVER_SCREEN_PARAMS =    new FrameLayout.LayoutParams( ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);}

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：WebViewHTML5

关键词：HTML