想要在用户点击Firebase时按角度动态播放音频

Question

我正在制作一个仪表板，我要在其中播放用户从播放按钮表中选择的特定用户音频。录音存储在Firebase存储器中。当我手动传递链接时会发生什么，但是我只想播放用户选择的音频。 应该传递什么来源或更改网址格式。

欢迎提出任何建议。提前致谢。

这是component.ts-

audio(){
     console.log("called");

    var audio = new Audio('https://firebasestorage.googleapis.com/v0/b/anaxeecallrecorr.appspot.com/o/audio%2Fuserrti%20Agrawal%2F6_9_2019%2Faud%2B9191769999%205%3A26%3A44%20PM?alt=media&token=0c25cf09-33b3-496b-a899-329b14082887'); 
//what src to be passed
        audio.play();
}

这是html文件-

<td><button  (click) = "audio()" >Play</button></td>
            <td><button >Pause</button></td>   

Answer 1

也许可以尝试这种方式...尝试在play（）之前调用audio.load（）。如此类似：

    audio(){
         console.log("called");

        var audio = new Audio('https://firebasestorage.googleapis.com/v0/b/anaxeecallrecorder.appspot.com/o/audio%2FuserArti%20Agrawal%2F6_9_2019%2Faud%2B919176999149%205%3A26%3A44%20PM?alt=media&token=0c25cf09-33b3-496b-a899-329b14082887');

audio.load() //<--BEFORE
audio.play(); //<--AFTER


}

如果您需要撰写网址，请尝试通过表格传递ID，例如：

audio(id){
             console.log("called");

            var audio = new Audio(`https://firebasestorage.googleapis.com/v0/b/anaxeecallrecorder.appspot.com/o/audio${id}?alt=media&token=0c25cf09-33b3-496b-a899-329b14082887`);

    audio.load() //<--BEFORE
    audio.play(); //<--AFTER

}