zoukankan      html  css  js  c++  java
  • 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" />

    效果图

         

     优化


      先看一下优化之后的效果

           

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

           

  • 相关阅读:
    C# 观察者模式(Observer)
    CXGRID设置Selstart和SelLength
    Delphi 中相对路径与绝对路径、系统环境变量等相关函数说明
    用Delphi创建一个空的Access数据库
    非COM环境下的接口编程
    VCLZIP样例
    delphi 文件CRC32校验
    delphi中无类型文件读写
    Delphi调用MSSQL存储过程返回的多个数据集
    CXGRID,定位并高亮
  • 原文地址:https://www.cnblogs.com/xch-yang/p/9389314.html
Copyright © 2011-2022 走看看