web和android交互（Android应用内实现播放--腾讯浏览服务）

TBS视频播放

TBS视频播放器可以支持市面上几乎所有的视频格式，包括mp4, flv, avi, 3gp, webm, ts, ogv, m3u8, asf, wmv, rm, rmvb, mov, mkv等18种视频格式。同时支持硬件解码，使得内存占用，稳定性相较于系统播放器都更优。

接入TBS

1.导入jar文件和so文件

官网SDK下载地址：https://x5.tencent.com/tbs/sdk.html，示例中有jar文件和so文件，具体导入方式我上一篇文章有详细介绍（Android应用内展示office文件–腾讯浏览服务(TBS)）

2.初始化Application

自定义一个Application类，对X5内核进行初始化

public class MyAppliction extends Application { @Override public void onCreate() { super.onCreate(); //回调接口初始化完成接口回调 QbSdk.PreInitCallback pcb=new QbSdk.PreInitCallback() { @Override public void onCoreInitFinished() { } @Override public void onViewInitFinished(boolean b) { //x5內核初始化完成的回调，为true表示x5内核加载成功，否则表示x5内核加载失败，会自动切换到系统内核。 Log.e("myApplication", " x5内核加载成功？" b); } }; //x5内核预加载，异步初始化x5 webview所需环境 QbSdk.initX5Environment(getApplicationContext(), pcb); } }

 在AndroidManifest.xml进行声明

<application android:name="com.example.xch.tbsvideoplay.MyAppliction"

3.使用

直接在清单文件AndroidManifest.xml中配置SDK中的视频播放activity

<activity android:name="com.tencent.smtt.sdk.VideoActivity" android:alwaysRetainTaskState="true" android:configChanges="orientation|screenSize|keyboardHidden" android:exported="false" android:launchMode="singleTask"> <intent-filter> <action android:name="com.tencent.smtt.tbs.video.PLAY" /> <category android:name="android.intent.category.DEFAULT" /> </intent-filter> </activity>

在代码中直接调用TbsVideo.openVideo()播放

/** * 直接调用播放视频 * @param videoUrl 视频地址 */ private void startPlay(String videoUrl){ //判断当前是否可用 if(TbsVideo.canUseTbsPlayer(getApplicationContext())){ //播放视频 TbsVideo.openVideo(getApplicationContext(), videoUrl); } }

4.添加权限

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" /> <uses-permission android:name="android.permission.READ_PHONE_STATE" /> <uses-permission android:name="android.permission.READ_SETTINGS" /> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> <!-- 硬件加速对X5视频播放有利，建议开启 --> <uses-permission android:name="android.permission.GET_TASKS" />

效果图

优化

先看一下优化之后的效果

自定义TBS的WebView，充分发挥X5内核的作用

1.自定义webview

需继承TBS的webview,包一定不能导错：com.tencent.smtt.sdk.WebView

public class X5WebView extends WebView { private WebViewClient client = new WebViewClient() { /** * 防止加载网页时调起系统浏览器 */ public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } }; @SuppressLint("SetJavaScriptEnabled") public X5WebView(Context arg0, AttributeSet arg1) { super(arg0, arg1); this.setWebViewClient(client); initWebViewSettings(); this.getView().setClickable(true); } /** * 初始化webview设置 */ private void initWebViewSettings() { WebSettings webSetting = this.getSettings(); ... } /** * 这里可以为自定义webview绘制背景或文字 * @param canvas * @param child * @param drawingTime * @return */ @Override protected boolean drawChild(Canvas canvas, View child, long drawingTime) { boolean ret = super.drawChild(canvas, child, drawingTime); canvas.save(); ... return ret; } public X5WebView(Context arg0) { super(arg0); setBackgroundColor(85621); } }

2.布局中使用自定义WebView

<com.example.xch.tbsvideoplay.tools.X5WebView android:id="@ id/x5_webview" android:layout_width="match_parent" android:layout_height="200dp" android:scrollbars="none" />

ps:自定义WebView路径使用自己的包名

3.使用自定义WebView播放视频

/** * 使用自定义webview播放视频 * @param vedioUrl 视频地址 */ private void startPlay(String vedioUrl) { x5webView.loadUrl(vedioUrl); getWindow().setFormat(PixelFormat.TRANSLUCENT); x5webView.getView().setOverScrollMode(View.OVER_SCROLL_ALWAYS); x5webView.setWebChromeClient(new WebChromeClient()); }

4.支持横竖屏切换

在AndroidManifest.xml中给当前Activity配置configChanges属性

<activity android:name="com.example.xch.tbsvideoplay.VideoPlayActivity" android:configChanges="orientation|screenSize|keyboardHidden"/>

源码已上传至GitHub，需要的可以下载：https://github.com/yangxch/TBSVideoPlay