可以使用URL.createObjectURL()方法将blob数据转换成URL,然后将URL作为音频的src属性值,从而实现显示音频。

示例代码如下:

axios.get('/public/mock/1683616705171.mp3',{
  responseType:'blob'
}).then(response => {
  const audioUrl = URL.createObjectURL(response.data);
  const audio = document.createElement('audio');
  audio.src = audioUrl;
  document.body.appendChild(audio);
}).catch(error => {
  console.log(error);
});

该代码会先通过axios获取mp3文件的blob数据,然后通过URL.createObjectURL()方法将blob数据转换成URL,接着创建一个新的audio元素,将URL作为其src属性值,最后将audio元素添加到页面中,从而实现显示音频


原文地址: https://www.cveoy.top/t/topic/eYZr 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录