// npm install vod-js-sdk-v6 실행 후 import를 실행하여 페이지에 직접 가져오기
import TcVod from 'vod-js-sdk-v6'

function getSignature() {
  return axios.post(url).then(function (response) {
    return response.data.signature;
  })
};

// import를 통해 가져오기하는 경우 new TcVod(opts) 실행
// script를 통해 new TcVod.default(opts)를 가져오기
const tcVod = new TcVod.default({
  getSignature: getSignature // 상기 내용에서 설명한 업로드 서명 가져오기 함수
})

const uploader = tcVod.upload({
  mediaFile: mediaFile, // File 형식의 미디어 파일(비디오, 오디오 또는 이미지)
})
uploader.on('media_progress', function(info) {
  console.log(info.percent) // 진행률
})

// 콜백 결과 설명
// type doneResult = {
//   fileId: string,
//   video: {
//     url: string
//   },
//   cover: {
//     url: string
//   }
// }
uploader.done().then(function (doneResult) {
  // deal with doneResult
}).catch(function (err) {
  // deal with error
})



const uploader = tcVod.upload({
  mediaFile: mediaFile,
  coverFile: coverFile,
})

uploader.done().then(function (doneResult) {
  // deal with doneResult
})

const uploader = tcVod.upload({
  mediaFile: mediaFile,
  coverFile: coverFile,
})
// 비디오 업로드 완료 시
uploader.on('media_upload', function(info) {
  uploaderInfo.isVideoUploadSuccess = true;
})
// 비디오 업로드 진행률
uploader.on('media_progress', function(info) {
  uploaderInfo.progress = info.percent;
})
// 커버 업로드가 완료 시
uploader.on('cover_upload', function(info) {
  uploaderInfo.isCoverUploadSuccess = true;
})
// 커버 업로드 진행률 
uploader.on('cover_progress', function(info) {
  uploaderInfo.coverProgress = info.percent;
})

uploader.done().then(function (doneResult) {
  // deal with doneResult
})

const uploader = tcVod.upload({
  mediaFile: mediaFile,
  coverFile: coverFile,
})

uploader.cancel()