tencent cloud

// Run `npm install vod-js-sdk-v6`, and use the command below to import the SDK directly on the page:
import TcVod from 'vod-js-sdk-v6'

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

// If the SDK is imported using the `import` command, run `new TcVod(opts)`.
// If the SDK is imported using a script tag, use `new TcVod.default(opts)`.
const tcVod = new TcVod.default({
  getSignature: getSignature // The function to get the upload signature
})

const uploader = tcVod.upload({
  mediaFile: mediaFile, // The media file (video, audio, or image), whose data type is file.
})
uploader.on('media_progress', function(info) {
  console.log(info.percent) // The upload progress
})

// Callback of the result
// 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,
})
// When the video upload is completed
uploader.on('media_upload', function(info) {
  uploaderInfo.isVideoUploadSuccess = true;
})
// The video upload progress
uploader.on('media_progress', function(info) {
  uploaderInfo.progress = info.percent;
})
// When the thumbnail upload is completed
uploader.on('cover_upload', function(info) {
  uploaderInfo.isCoverUploadSuccess = true;
})
// The thumbnail upload progress
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()