Angular 边缘浏览器未播放上载的WAV音频文件
在我的Angular应用程序中,我正在浏览器中打开一个WAV文件,并希望在浏览器中播放它。以下代码适用于Chrome和Firefox,但在Edge v41中,我在Angular 边缘浏览器未播放上载的WAV音频文件,angular,audio,microsoft-edge,html5-audio,wav,Angular,Audio,Microsoft Edge,Html5 Audio,Wav,在我的Angular应用程序中,我正在浏览器中打开一个WAV文件,并希望在浏览器中播放它。以下代码适用于Chrome和Firefox,但在Edge v41中,我在this.audioElement.src=this.audioSrcURL的语句中出错: 错误:参数无效。[对象错误]:{description:“无效” 参数“”,消息:“无效参数”,ngDebugContext:Object, NgerErrorLogger:function(){[native code]},编号:-214702
this.audioElement.src=this.audioSrcURL的语句中出错代码>:
错误:参数无效。[对象错误]:{description:“无效”
参数“”,消息:“无效参数”,ngDebugContext:Object,
NgerErrorLogger:function(){[native code]},编号:-2147024809…}
错误上下文[对象对象][对象对象]:{组件:对象,
componentRenderElement:Object,context:Object,elDef:Object,
elOrCompView:对象…}
我的代码是:
<audio #myAudio controls controlsList="nodownload">
<source src="" type="audio/x-wav" />
</audio>
@ViewChild('myAudio', { static: true }) myAudio: any;
audioElement: HTMLAudioElement;
audioSrcURL: string;
ngOnInit() {
this.audioElement = this.myAudio.nativeElement;
}
createObjectURL(inputFile: File): void {
if (window.URL && window.URL.createObjectURL) {
this.audioSrcURL = window.URL.createObjectURL(inputFile);
this.audioElement.src = this.audioSrcURL; // ---> ERROR HERE
}
}
@ViewChild('myAudio',{static:true})myAudio:any;
audioElement:HTMLAudioElement;
audioSrcURL:string;
恩戈尼尼特(){
this.audioElement=this.myAudio.nativeElement;
}
createObjectURL(inputFile:File):无效{
if(window.URL&&window.URL.createObjectURL){
this.audioSrcURL=window.URL.createObjectURL(inputFile);
this.audioElement.src=this.audioSrcURL;//-->此处有错误
}
}
为什么会出现错误“无效参数”?Edge浏览器可能会出什么问题?MS Edge 41版本太旧。当前版本是Edge 44。请尝试使用最新版本的Edge进行测试,看看它是否有助于解决问题?@Deepak MSFT已升级到Edge 44,但未播放音频。请你看看这个问题: