//index.js
//獲取應用例項
let app = getApp();
let wechat = require("../../utils/wechat");
Page({
  data: {
    device: true,
    tempImagePath: "", // 拍照的臨時圖片地址
    tempThumbPath: "", // 錄製視訊的臨時縮圖地址
    tempVideoPath: "", // 錄製視訊的臨時視訊地址
    camera: false,
    ctx: {},
    type: "takePhoto",
    startRecord: false,
    time: 0,
    timeLoop: "",
  },
  onLoad() {
    this.setData({
      ctx: wx.createCameraContext()
    })
  },
  // 切換相機前後置攝像頭
  devicePosition() {
    this.setData({
      device: !this.data.device,
    })
    console.log("當前相機攝像頭為:", this.data.device ? "後置" : "前置");
  },
  camera() {
    let { ctx, type, startRecord } = this.data;
    // 拍照
    if (type == "takePhoto") {
      console.log("拍照");
      ctx.takePhoto({
        quality: "normal",
        success: (res) => {
          // console.log(res);
          this.setData({
            tempImagePath: res.tempImagePath,
            camera: false,
          });
          wechat.uploadFile("https://xx.xxxxxx.cn/api/upload", res.tempImagePath, "upload")
            .then(d => {
              console.log(d);
            })
            .catch(e => {
              console.log(e);
            })
        },
        fail: (e) => {
          console.log(e);
        }
      })
    }
    // 錄視訊
    else if (type == "startRecord") {
      if (!startRecord) {
        console.log("開始錄視訊");
        this.setData({
          startRecord: true
        });
        // 30秒倒計時
        let t1 = 0;
        let timeLoop = setInterval(() => {
          t1++;
          this.setData({
            time: t1,
          })
          // 最長錄製30秒
          if (t1 == 30) {
            clearInterval(timeLoop);
            this.stopRecord(ctx);
          }
        }, 1000);
        this.setData({
          timeLoop
        })
        // 開始錄製
        ctx.startRecord({
          success: (res) => {
            console.log(res);
          },
          fail: (e) => {
            console.log(e);
          }
        })
      }
      else {
        this.stopRecord(ctx);
      }
    }
  },
  // 停止錄製
  stopRecord(ctx) {
    console.log("停止錄視訊");
    clearInterval(this.data.timeLoop);
    ctx.stopRecord({
      success: (res) => {
        this.setData({
          tempThumbPath: res.tempThumbPath,
          tempVideoPath: res.tempVideoPath,
          camera: false,
          startRecord: false,
          time: 0
        });
        wechat.uploadFile("https://xx.xxxxxx.cn/api/upload", res.tempThumbPath, "tempThumbPath")
          .then(d => {
            console.log(d);
            return wechat.uploadFile("https://xx.xxxxxx.cn/api/upload", res.tempVideoPath, "tempVideoPath")
          })
          .then(d => {
            console.log(d);
          })
          .catch(e => {
            console.log(e);
          })
      },
      fail: (e) => {
        console.log(e);
      }
    })
  },
  // 開啟模擬的相機介面
  open(e) {
    let { type } = e.target.dataset;
    console.log("開啟相機準備", type == "takePhoto" ? "拍照" : "錄視訊");
    this.setData({
      camera: true,
      type
    })
  },
  // 關閉模擬的相機介面
  close() {
    console.log("關閉相機");
    this.setData({
      camera: false
    })
  }
})