UploadParam

收藏

我的收藏

const uploadParamsDemo = { 
  videoPath: "ttfile://xxx",
  titleConfig: {
    title: "视频标题",
    mentionMarkers: [
      {
        start: 0,
        openId: "标题里要 @ 的人",
      },
    ],
    hashtagMarkers: [
      {
        start: 0,
        hashtag: "标题里要 # 的话题",
      },
    ],
  },
  stickersConfig: {
    text: [
      {
        text: "这是文字贴图",
        color: "#ffffff",
        fontSize: 28,
        scale: 1,
        x: 0.5,
        y: 0.5,
      },
    ],
    hashtag: [
      {
        name: "这是话题贴图",
        x: 0.5,
        y: 0.5,
      },
    ],
    mention: [
      {
        openId: "这是 @ 贴图",
      },
    ],
    custom: [
      {
        path: "ttfile://xxx",
        scale: 1,
        rotate: 0,
        x: 0.5,
        y: 0.5,
      },
    ],
  },
  extra: {
    anchor: {
      anchorType: "app",
      title: "挂载锚点的标题",
      path: "page/about/about",
    },
  },
  success: function (res) {
    console.log("success: ", res);
  },
  fail: function (res) {
    console.log("fail: ", res);
  },
  complete: function (res) {
    console.log("complete: ", res);
  },
};

<!-- index.ttml --> 
<button open-type="uploadDouyinVideo" id="1" data-hello="world">
  uploadDouyinVideo
</button>

// index.js 
Page({
  data: {},
  // onUploadDouyinVideo 和 onLoad 等其他钩子同级
  async onUploadDouyinVideo(uploadOptions) {
    // 通过 UploadOption 可以拿到 button target 上的一些信息
    // 如这里的 demo 可以拿到 id: "1"，hello: "world"
    console.log("onUploadDouyinVideoOptions: ", uploadOptions);

    // 可以利用异步能力配合其他 API 获取必要的字段信息
    const videoPath = await this.chooseVideo();
    console.log("videoPath:", videoPath);
    // 返回值（文档中称之为 UploadParam）将被当作发布参数传入视频发布器，发布视频
    return {
      videoPath,
      stickersConfig: {
        text: [
          {
            text: "这是文字贴图",
            color: "#ffffff",
            fontSize: 28,
            scale: 1,
            x: 0.5,
            y: 0.5,
          },
        ],
      },
      success: function (callback) {
        // 只有当发布成功且挂载成功时，success callback 才会有 videoId
        console.log("success: ", callback);
      },
      fail: function (callback) {
        console.log("fail: ", callback);
      },
      complete: function (callback) {
        console.log("complete: ", callback);
      },
    };
  },
  chooseVideo() {
    return new Promise((resolve) => {
      tt.chooseVideo({
        sourceType: ["album", "camera"],
        compressed: true,
        success: (res) => {
          resolve(res.tempFilePath);
        },
        fail: (err) => {
          let errType = err.errMsg.includes("chooseVideo:fail cancel")
            ? "取消选择"
            : "选择失败";
          tt.showModal({
            title: errType,
            content: err.errMsg,
            showCancel: false,
          });
          resolve("");
        },
      });
    });
  },
});