小程序插件

 
    "plugins": {
        ...
        "tcic-plugin": {
          "version": "1.8.0", // 使用的插件版本
          "provider": "wxbc2aedd3838d78cd", // 插件小程序appid
          "export": "tcicPluginConfig.js", // 插件可接收的参数配置信息
          "genericsImplementation": {
            "interactive": { // 支持您的小程序中组件覆盖插件的模块，从而实现自定义
              "interactive-class-info": "components/live/interactive-class-info"
            }
          }
        }
        ...
      },

    // tcicPluginConfig.js
    const app = getApp();
    
    module.exports = {
      setValue: app.setValue, // 用于传递IM消息
      loginUrl: '/pages/index/login', // 小程序登录页地址  [业务侧自行实现]
      homeUrl: '/pages/index/home', // 小程序首页地址 [业务侧自行实现]
      Config: { // 页面内可配置项
        LIVE: {
          MAX_TEXT_NUM: 200, // IM文本最大长度
          QUICK_INPUT_TEXTS: [],
          RECORD_TIPS: '您可以到课程列表中查看回放', // 课程结束有回放时的提示内容
        },
        IMG: {
          MAX_SIZE: 20 * 1024 * 1024, // 图片大小 20MB
        },
        ENABLE_TROPHY: true, // 是否启用奖励特效 [1.7.19新增特效]
        HIDE_USER_LIST_BAR: false, // 隐藏用户列表栏 [1.7.12支持]
        ORIENTATION: 'portrait', // 横屏或竖屏打开，其他可选值landscape [1.7.8支持]
        NAV_TITLE: '实时互动-教育版', // 导航栏标头，可为空字符串
        VIDEO_WATER_MARK: '', // 视频左上角水印，可为空字符串
      },
    };

// app.js

const events = new Map();
App({
  onLaunch() {},
  onShow() {},
  ...
  // setValue 需要从小程序app 里面传递给插件
  setValue(key, data) {
    const value = events.get(key);
    if (Array.isArray(value)) {
      value.forEach((e) => {
        const callback = e.callback;
        callback(data);
      });
    }
  });


// 参考代码片段时，接入方需要额外注意的地方
// 1、app.js中上挂载setValue,setWatching,unsetWatching

// 2、utils上挂载formatTimeStamp

// 3、缓存参数
wx.setStorageSync('classid', info.classid);
wx.setStorageSync('userid', info.userid);
wx.setStorageSync('token', info.token);
wx.setStorageSync('classmode', info.type);  // interactive
wx.setStorageSync('nickname', info.username);

// 4、配置request白名单
// https://tcic-api.qcloudclass.com;
// https://tcic-demo.qcloudclass.com;
// * 2022年12月之后接入业务不需要以下配置
// https://tcic-api.qcloudtiw.com;
// https://tcic-demo.qcloudtiw.com;
// https://tcic-demo-login.qcloudclass.com;

// 5、直播简介
// components/live/class-info.js 修改 getClassInfo
// 6、分享内容配置
// components/live/class-info.js 修改 tcicPlugin.setShareInfo
// 7、直播画面水印配置
// components/live/class-info.js 修改 tcicPlugin.setValue('watermark', {...})



// 按钮形式
<navigator url="plugin://tcic-plugin/interactive">
    跳转到课中页面
</navigator>

// API跳转
 goToLiveRoom () {
  // 组装必传参数
  const params = {
    classid: 222,
    userid: 'xxx',
    token: 'yyy',
    type: 'interactive' // type值为 interactive 或者 live
  };
  // 后续代码无需更改
  const arr = [];
  for (const [key, val] of Object.entries(params)) {
    arr.push(`${key}=${val}`);
  }
  const url = `plugin://tcic-plugin/${params.type}?${arr.join('&')}`;
  wx.navigateTo({
    url,
  });