live-player

<view>
  <live-player
    id="myLive"
    src="{{src}}"
    muted="{{muted}}"
    orientation="{{orientation}}"
    object-fit="{{objectFit}}"
    autoplay="{{autoplay}}"
  >
  </live-player>
  <div class="section">
    <button type="primary" bindtap="livePlay">开始播放 play</button>
    <button type="primary" bindtap="liveStop">停止播放 stop</button>
    <button type="primary" bindtap="liveMute">{{muted? '': '不'}}静音</button>
    <button type="primary" bindtap="changeObjectFit">
      object-fit改变为{{objectFit}}
    </button>
  </div>
</view>

Page({
  data: {
    autoplay: false,
    src:
      "https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/bytdance.flv",
    objectFit: "contain",
    orientation: "vertical",
    muted: false,
    ctx: undefined,
  },
  onReady() {
    this.ctx = tt.createLivePlayerContext("myLive");
  },
  livePlay() {
    this.ctx.play();
  },
  liveStop() {
    this.ctx.stop();
  },
  liveMute() {
    this.setData({
      muted: !this.data.muted,
    });
  },
  changeObjectFit() {
    this.setData({
      objectFit: this.data.objectFit === "contain" ? "fillCrop" : "contain",
    });
  },
});