视频合成流程图

CrossPage.js 是一个简单的页面间通信模块，包括 CrossPageExchangeItem 类和 CrossPageExchange 类。
CrossPageExchangeItem 类用于创建一个新的通信项 exchangeItem，CrossPageExchange 类拥有 createItem/getItem/deleteItem 静态方法。

/**
 * 简单的页面间通信的模块
 */

class CrossPageExchangeItem {
  constructor(id) {
    this.id = id;
    this.setDataHandler = null;
    this.cancelHandler = null;
  }
  getId() {
    return this.id;
  }

  onSetData(cb) {
    this.setDataHandler = cb;
  }

  setData(data) {
    if (typeof this.setDataHandler === 'function') {
      this.setDataHandler(data);
    }
  }

  onCancel(cb) {
    this.cancelHandler = cb;
  }

  cancel() {
    if (typeof this.cancelHandler === 'function') {
      this.cancelHandler();
    }
  }

  remove() {
    this.setDataHandler = null;
    CrossPageExchange.deleteItem(this.id);
  }
}

class CrossPageExchange {
  static latestId = 0;
  static items = new Object(null);

  static createItem() {
    let newItem = new CrossPageExchangeItem(this.latestId);
    this.items[this.latestId] = newItem;
    this.latestId++;

    return newItem;
  }

  static getItem(id) {
    return this.items[id] || null;
  }

  static deleteItem(id) {
    delete this.items[id];
  }
}

module.exports = {
  CrossPageExchange,
};

WaitObject 类，它通过 Promise 提供了一种等待的机制。
wait 方法是一个异步函数，它等待 this.p 的状态被解决（resolved）。通过 await this.p ，函数回暂停执行，直到 this.p 被解决，然后返回被解决的值。

class WaitObject {
  constructor() {
    this.p = new Promise((resolve, reject) => {
      this.resolve = resolve;
      this.reject = reject;
    });
  }

  async wait() {
    return await this.p;
  }
}

module.exports = {
  WaitObject,
};

小程序异步模型