const plugin = wx.createPlayletPage({
  fail: (res) => {
    console.error('【createPlayletPage】创建失败:', res.errMsg);
  }
});

playletPlugin.onPageLoad((res) => {
  console.log('页面加载完成, 播放器ID:', res.playerId);
});

playletPlugin.onPageDestroy((res) => {
  console.log('页面销毁完成, 播放器ID:', res.playerId);
});

plugin.onPageLoad((info) => {
      const playletManager = plugin.PlayletManager.getPageManager(info.playerId);
      console.log('manager', playletManager);
})

PlayletManager.setPlaylets({
       id:"sid", // 剧ID
       serialNo: 1, // 剧集 ID 从1开始
       title:"名字",
       imgUrl:"图片地址",
       introduction:"短剧简介",
       tags: ["友情", "魔幻"],
       playRate: 1,
       extParam:"{{xxx}}",
       clarity:[{"360p": 240 * 426}, {"480p": 480 * 852}, {"720p": 720 * 1280}, {"1080p": 1080 * 1920}], // HLS 下才生效
       defaultClarity: {"720p": 720 * 1280}, // 默认清晰度
       'initial-time': 0,
       interaction: { // 短剧级互动数据（收藏 / 转发）
            favorite: { enabled: true, isFavorited: false, count: "1.2w" },
            share: { enabled: true, count: "567", title: "分享标题", path: "pages/xxx/xxx?id=1", imageUrl: "" }
       },
       data: [{
            license-url:"",
            certificate-url:"",
            provision-url:"",
            status: 0,
            videoUrl: "播放URL", // 非免费剧集非必传
            coverImg:"封面照片", // 非必传
            interaction: { // 剧集级互动数据（点赞）
                 like: { enabled: true, isLiked: false, count: "2.2w" }
            },
       }]
  })


    PlayletManager.setLockMenu([
      {
        title: "看广告解锁",
        callback: (data) => {
          if (!data.serialNo) {
            return;
          }
          PlayletManager.setCanPlay(data.serialNo, 1)
        }
      },
      {
        title: "单集购买",
        callback: (data) => {
          if (!data.serialNo) {
            return;
          }
          PlayletManager.setCanPlay(data.serialNo, 1)
        }
      }
  ])


   const unlockData = [{
      serialNo: 6, //集数
      status: 1,  
      videoUrl: 'default_video_url', // 播放地址
    }];
    PlayletManager.setCanPlay(unlockData);



    manager.onCheckIsCanPlay((data) => {
      let episodes = [];
      if (data.episodes) {
        episodes = data.episodes;
      } 

      // 批量检查并设置状态
      const results = episodes.map(ep => {
        const serialNo = ep.serialNo;
        let status;

        if (parseInt(serialNo, 10) <= 3) {
          // 假设前3集免费
          status = 0;
        } else {
          status = 2;
        }
        return { serialNo: serialNo, status: status };
      });
      
      manager.setCanPlay(results);
    });


    manager.onCustomEvent((data) => {
      if (data.eventType === 'CHANGE_CLARITY') {
        console.log('用户切换清晰度:', data.clarity);
      }
      if (data.eventType === 'CHANGE_SERIAL') {
        console.log('用户切换视频:', data.slideType);
      }
      if (data.eventType === 'CHANGE_SPEED') {
        console.log('用户改变播放速度:', data.speedType, data.source);
      }
    });

manager.setInteractionState({
  serialNo: 1,        // 集编号:type=like 必填；type=favorite/share 非必填
  type: 'like',       // 互动类型:'like' | 'favorite' | 'share'
  isActive: true,     // 是否选中（type=share 时可不填）
  count: "1.2w"       // 数量文案,字符串,业务侧自行 format
})

manager.onLikeClick((args) => {
  // args.playerId      当前播放器 id
  // args.id            剧 id
  // args.serialNo      集编号
  // args.currentState  点击前的状态（false 表示原来未点赞）
  // args.extParam      setPlaylets 时透传的 extParam
})

manager.onFavoriteClick((args) => {
  // args.playerId
  // args.id
  // args.currentState  点击前的收藏状态
  // args.extParam
})

manager.onShareClick((args) => {
  // args.playerId
  // args.id
  // args.serialNo
  // args.extParam
})

manager.setActivityInfo({
  logo: 'https://miniprogram.tcsas-superapp.com/xxx/xxx.png'
})

manager.onSetActivityInfo((args) => {
  // 用户点击运营位 logo 时触发
})

manager.updateOpenArea({
  showLeft: true,                              // 是否展示左侧自定义区域
  playerId: '<可选>',                          // 指定播放器 id
  serialNo: 1,                                 // 当前集编号
  ext: JSON.stringify({ dramaId: 1 })          // 透传给自定义组件的额外数据（字符串）
})

Component({
  properties: {
    ext:      { type: String, value: '' },
    playerId: { type: String, value: '' },
    serialNo: { type: Number, value: 0 }
  },
  methods: {
    onJoinTap() {
      // 业务逻辑:跳转活动页 / 打开弹层等
    },
    onCloseTap() {
      this.triggerEvent('close');  // 通知插件关闭自定义区域
    }
  }
});

<cover-view style="display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%;">

  <!-- 活动 Banner 图 -->
  <cover-image
    src="https://miniprogram.tcsas-superapp.com/hackthon/upload_1755932019262.jpg"
    style="width: 500rpx; height: 500rpx; border-radius: 16rpx;"
  />

  <!-- 活动标题 -->
  <cover-view style="margin-top: 30rpx; font-size: 36rpx; font-weight: bold; color: #fff;">
    限时福利活动
  </cover-view>

  <!-- 活动描述 -->
  <cover-view style="margin-top: 16rpx; font-size: 26rpx; color: rgba(255,255,255,0.8); text-align: center;">
    观看广告免费解锁全部剧集
  </cover-view>

  <!-- 按钮区域 -->
  <cover-view style="display: flex; flex-direction: row; margin-top: 40rpx; width: 100%; justify-content: center;">
    <cover-view
      style="width: 200rpx; height: 100rpx; line-height: 80rpx; font-size: 28rpx; background: #FF6B6B; color: #fff; border-radius: 36rpx; text-align: center; margin-right: 20rpx;"
      bindtap="onJoinTap"
    >立即参与</cover-view>
    <cover-view
      style="width: 200rpx; height: 100rpx; line-height: 80rpx; font-size: 28rpx; background: rgba(255,255,255,0.3); color: #fff; border-radius: 36rpx; text-align: center;"
      bindtap="onCloseTap"
    >关闭</cover-view>
  </cover-view>

</cover-view>

manager.setRecommend([
  { id: 'drama_2', name: 'Palace Drama: Harem Legend', imgUrl: 'https://example.com/cover.jpg' },
  { id: 'drama_3', name: 'Mystery: Escape Room',       imgUrl: 'https://example.com/cover.jpg' }
])

manager.onRecommendItemClick((args) => {
  // args.id  — 用户点击的推荐项 id（与 setRecommend 中传入的 id 一致）
})