腾讯视频直播 03-直播

腾讯视频直播01-直播常见协议和集成sdk
腾讯视频直播02-推流

首先祝大家儿童节快乐！

代码已经上传到github上，喜欢的star和fork下谢谢。

直播

直播（LIVE） 的视频源是主播实时推送的。因此，主播停止推送后，播放端的画面也会随即停止，而且由于是实时直播，所以播放器在播直播 URL 的时候是没有进度条的。

对接攻略

①添加 View
同推流一样需要TXCloudVideoView，在xml文件中添加：

<com.tencent.rtmp.ui.TXCloudVideoView
    android:id="@+id/video_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_centerInParent="true" />

②创建 Player
腾讯视频提供了TXLivePlayer 负责实现直播播放功能，并使用 setPlayerView()方法将它与我们刚刚添加到界面上的 TXCloudVideoView控件进行关联。

//mPlayerView 即 step1 中添加的界面 view
TXCloudVideoView mView = (TXCloudVideoView) view.findViewById(R.id.video_view);

//创建 player 对象
TXLivePlayer mLivePlayer = new TXLivePlayer(getActivity());

//关键 player 对象与界面 view
mLivePlayer.setPlayerView(mView);

③启动播放

String flvUrl = "http://2157.liveplay.myqcloud.com/live/2157_xxxx.flv";
mLivePlayer.startPlay(flvUrl, TXLivePlayer.PLAY_TYPE_LIVE_FLV); //推荐 FLV

⑤暂停播放
对于直播播放而言，并没有真正意义上的暂停，所谓的直播暂停，只是画面冻结和关闭声音，而云端的视频源还在不断地更新着，所以当您调用 resume 的时候，会从最新的时间点开始播放，这跟点播是有很大不同的（点播播放器的暂停和继续与播放本地视频文件时的表现相同)。

// 暂停
mLivePlayer.pause();
// 继续
mLivePlayer.resume();

⑥结束播放
结束播放时 记得销毁TXCloudVideoView控件 ，尤其是在下次 startPlay() 之前，否则会产生大量的内存泄露以及闪屏问题。

同时，在退出播放界面时，记得一定要调用渲染TXCloudVideoView的onDestroy()函数，否则可能会产生内存泄露和 “Receiver not registered” 报警。

@Override
public void onDestroy() {
     super.onDestroy();
     mLivePlayer.stopPlay(true); // true 代表清除最后一帧画面
     mTxCloudVideoView.onDestroy(); 
}

⑦弹幕
这里弹幕用的是B站的DanmakuFlameMaster
在xml中引入：

...
<!--弹幕-->
<master.flame.danmaku.ui.widget.DanmakuView
     android:id="@+id/danmakuView"
     android:layout_width="match_parent"
     android:layout_height="200dp"
     android:layout_marginTop="@dimen/heart_anim_bezier_x_rand" />
...

在Activity中引入：

/**
 * 初始化弹幕
 */
private void initDanmaKu() {
      mDanmakuController = new DanmakuController(mDanmakuView, this);
      mDanmakuController.initDanmaKu();
      //默认不显示
      mDanmakuView.hide();

      //总开关
      mSwitchBt.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
          @Override
          public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
              if (isChecked) {
                  mDanmakuView.show();
              } else {
                  mDanmakuView.hide();
              }
          }
      });
}

运行效果如下：

⑧酷炫礼物动画
想必直播中最缺少不了的就是动画，比如像下面的效果：

这里正好用YY团队开源了一个动画框架SVGA，用法如下：
在工程主目录下build.gradle添加：

allprojects {
   repositories {
    …
      maven {
         url ‘https://jitpack.io‘
      }
   }
}

在modle下build.gralde添加：

implementation 'com.github.yyued:SVGAPlayer-Android:2.0.3'

在xml中添加：

<com.opensource.svgaplayer.SVGAImageView
    android:id="@+id/imageView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="fitCenter"
    app:antiAlias="true"  />

Activity中引用：
动态图像或文本

SVGAParser parser = new SVGAParser(this);
 try {
      parser.parse(new URL("https://github.com/yyued/SVGA-Samples/blob/master/kingset.svga?raw=true"), new SVGAParser.ParseCompletion() {
         @Override
         public void onComplete(SVGAVideoEntity mSVGAVideoEntity) {
             SVGADrawable drawable = new SVGADrawable(mSVGAVideoEntity);
             mimageView.setImageDrawable(drawable);
             mimageView.startAnimation();
        }

         @Override
         public void onError() {
             Toast.makeText(LiveActivity.this, "parse error!", Toast.LENGTH_SHORT).show();
         }
       });
      } catch (Exception e) {
             System.out.print(true);
      }
}

运行下效果如下：

好了到这里，腾讯视频直播基本完成，代码已经上传至github上，如果喜欢点个赞和star，谢谢！

动画感谢

直播App中Android酷炫礼物动画实现方案
YY-SVGA动画框架
SVGAPlayer-Android
SVGA-Samples