Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript音频对象-从.ogg blob显示音频播放器_Javascript_Html_Audio_Async Await - Fatal编程技术网

javascript音频对象-从.ogg blob显示音频播放器

javascript音频对象-从.ogg blob显示音频播放器,javascript,html,audio,async-await,Javascript,Html,Audio,Async Await,我正在尝试从远程服务器获取ogg音频文件,并向用户演示播放器。我正在使用下面的代码 这导致没有输出。但是检查代码会发现音频标签在容器中: <audio preload="auto" src="blob:null/eaed3b36-8c17-4522-8a24-6265a180bf5a"></audio> .container{ 身高:100%; 宽度:100%; } 使用视频标签成功地完成了这项工作('audio1'autoplay=”“controls=“”标签非常重

我正在尝试从远程服务器获取ogg音频文件,并向用户演示播放器。我正在使用下面的代码

这导致没有输出。但是检查代码会发现音频标签在容器中:

<audio preload="auto" src="blob:null/eaed3b36-8c17-4522-8a24-6265a180bf5a"></audio>
.container{
身高:100%;
宽度:100%;
}

使用视频标签成功地完成了这项工作(
'audio1'autoplay=”“controls=“”
标签非常重要

让url1=”https://upload.wikimedia.org/wikipedia/commons/3/33/Dial_up_modem_noises.ogg"
异步函数getAudFromUrl(url){
let response=等待获取(url);
data=wait response.blob();
让音频=新音频();
audio.src=URL.createObjectURL(数据);
返回音频;
}
addEventListener(“DOMContentLoaded”,异步函数(){
让au=等待getAudFromUrl(url1);
设el=document.getElementById(“audio1”)
el.src=au.src
})