如何使用打字稿在html5中播放浏览文件的音频？

Question

<input type="file" id="soundUrl" (change)="onAudioPlay()" />
<audio id="sound" controls></audio>

上面是我的HTML代码，我需要在使用打字稿选择mp3文件后播放音频。

Answer 1

您需要使用audio属性或嵌套在音频标记内的src元素为source元素提供源 - 对多个源有用。

在您的情况下，您可以将组件上的属性绑定到源标记，并使用onAudioPlay()方法更新它 - 假设您通过输入标记输入源路径。

Here is a link to a basic example