如何从url.createobjecturl显示音频html src

kpbwa7wx  于 2021-09-29  发布在  Java
关注(0)|答案(0)|浏览(227)

我得到了内容类型为audio/wav的内容。我想我已经把内容变成了一个blob和文件,并为它创建了url,这样我就可以在html中显示audio in标记。这是我的javascript代码,我是如何做到这一点的

$.ajax(settings).done(function(response) {
      var blob = new Blob([response], {
        'type': 'audio/wav'
      });
      console.log(blob);
      const file = new File([blob], "hasil.wav", {
        type: blob.type,
        lastModified: Date.now()
      });
      console.log(file);

      var url = URL.createObjectURL(file);
      console.log(url);
      var audio = document.getElementById('audio');

      var source = document.getElementById('audioSource');
      source.src = url;

      audio.load();
    });
  })

这是我的html

<audio id="audio" controls="controls">
    <source id="audioSource" src="">
     </source>
     Your browser does not support the audio format.
</audio>

从那以后,我在控制台里得到了这个

但是html中的音频标记仍然不能播放音频。有人知道这是怎么回事吗?请帮忙

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题