上载和播放打字稿和html中的音频文件无法正常工作

问题描述 投票:0回答:1

我已经做了这件事。请让我知道实际问题在哪里?即使尝试了网络上所有可用的解决方案后也不起作用

html->

<input type="file" id="input" (change)="fileup($event)"/>
<audio controls>
    <source [src]="fileurl" type="audio/mpeg">
</audio>

tsfile->

fileurl:string
fileup(event){         
    this.fileurl=URL.createObjectURL(event.target.files[0])
}
typescript html5-audio
1个回答
0
投票

您可以做这样的事情

document.querySelector('#pickfile').addEventListener('input', function(){
  let blob = this.files[0];
  let url = URL.createObjectURL(blob);
  let newAudio = new Audio(url);
  newAudio.play();
})
<input type="file" id="pickfile">

如果这解决了您的问题,请给我投票。

© www.soinside.com 2019 - 2024. All rights reserved.