Android应用内实现视频播放--腾讯浏览服务(TBS)

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

效果图

     Android应用内实现视频播放--腾讯浏览服务(TBS)

 优化


先看一下优化之后的效果

Android应用内实现视频播放--腾讯浏览服务(TBS)  Android应用内实现视频播放--腾讯浏览服务(TBS)

自定义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" />

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


更多技术干货,欢迎关注我的公众号:ChaoYoung

Android应用内实现视频播放--腾讯浏览服务(TBS)

上一篇:PS制做的gif动画导出后动图不动了怎么办?


下一篇:vue 项目中添加阿里巴巴矢量图