Javascript - 从存储在 Microsoft Azure Blob 中的视频 url 生成缩略图

Question

我使用 Microsoft Azure Blob 存储来存储我的视频。

如何使用 ajax 从后端获取的视频 url 生成缩略图。

axios.post('my-api')
     .then(function(response) {
        var videoUrl = response.data.url;
        // How to generate thumbnail here
     })

Answer 1

@Gary，我建议您查看此thread，这可能对您的问题有所帮助。使用following tutorial

他们使用了以下代码：

    function previewFile() {
  var preview = document.querySelector('img');
  var file    = document.querySelector('input[type=file]').files[0];
  var reader  = new FileReader();

  reader.onloadend = function () {
    preview.src = reader.result;
  }

  if (file) {
    reader.readAsDataURL(file);
  } else {
    preview.src = "";
  }
}