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

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

 

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