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

Bertha 。 2022-05-18 00:55 343阅读 0赞

##### 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文件，具体导入方式我上一篇文章有详细介绍（][https_x5.tencent.com_tbs_sdk.html_jar_so][Android应用内展示office文件–腾讯浏览服务(TBS)][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

在代码中直接调用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" />

##### 效果图 #####

![70][]

##### 优化 #####

先看一下优化之后的效果  
![70 1][]  
![70 2][]

自定义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属性

源码已上传至GitHub，需要的可以下载：

[https://github.com/yangxch/TBSVideoPlay][https_github.com_yangxch_TBSVideoPlay]

--------------------

更多技术干货，欢迎关注我的公众号：ChaoYoung  
![20181121170322591.jpg][]

[https_x5.tencent.com_tbs_sdk.html_jar_so]: https://x5.tencent.com/tbs/sdk.html%EF%BC%8C%E7%A4%BA%E4%BE%8B%E4%B8%AD%E6%9C%89jar%E6%96%87%E4%BB%B6%E5%92%8Cso%E6%96%87%E4%BB%B6%EF%BC%8C%E5%85%B7%E4%BD%93%E5%AF%BC%E5%85%A5%E6%96%B9%E5%BC%8F%E6%88%91%E4%B8%8A%E4%B8%80%E7%AF%87%E6%96%87%E7%AB%A0%E6%9C%89%E8%AF%A6%E7%BB%86%E4%BB%8B%E7%BB%8D%EF%BC%88
[Android_office_TBS]: https://blog.csdn.net/xch_yang/article/details/80989631
[70]: /images/20220518/39fffc7f851d446596764e2f9a56664a.png
[70 1]: /images/20220518/03ae58ff49104695892b289e64b2f57d.png
[70 2]: /images/20220518/993e8d98aa3a44d792631e223f12d7e6.png
[https_github.com_yangxch_TBSVideoPlay]: https://github.com/yangxch/TBSVideoPlay
[20181121170322591.jpg]: /images/20220518/0432d8c0fd8c4272ac7e12e44d6989ae.png