live-player

基础库版本 1.44.0 开始支持，安卓 1.38.1 起支持目前支持宿主端头条：安卓 746 版本，iOS 753 版本抖音：安卓 890，iOS 930（抖音 iOS 不能全屏）

相关 api：tt.createLivePlayerContext

参数说明

src

直播流地址如果跨域，则必须满足 cors 约束才能正常播放，具体设置可参考：

• Access-Control-Allow-Headers: x-requested-with
• Access-Control-Allow-Methods: GET,POST,PUT,DELETE,OPTIONS
• Access-Control-Allow-Origin: *
• Access-Control-Max-Age: 1800

orientation 取值

object-fit 取值

状态码

代码示例

<live-player
  id="my-player"
  src="https://pull-flv-l6.ixigua.com/game/stream-106078795436654621.flv" rel="external nofollow" 
  autoplay
  bindstatechange="statechange"
>
  <button bindtap="requestFs" size="mini" hidden="{{isFullscreen}}">
    进入全屏
  </button>
  <button bindtap="exitFs" size="mini" hidden="{{!isFullscreen}}">
    退出全屏
  </button>
</live-player>

Page({
  data: {
    fullScreenDirection: 0
  },
  statechange(e) {
    console.log("状态变化", e);
  },
  requestFs() {
    if (!this.ctx) {
      this.ctx = wx.createLivePlayerContext("my-player");
    }
    console.log("fullScreenDirection", this.data.fullScreenDirection);
    this.ctx.requestFullScreen({
      direction: Number(this.data.fullScreenDirection)
    });
  },
  exitFs() {
    this.ctx.exitFullScreen();
  }
});

Bug & Tip

• 开发者工具上暂不支持。
• 目前 iOS 全屏状态下还不能覆盖文字或者图片，安卓可以
• 部分安卓设备在切换全屏时偶现闪动的体验问题