javascript - 将 javascript blob 变量放入音频的 src 中

Question

在我的 javascript 代码中，我从音频 blob 创建一个 url

var blobUrl = URL.createObjectURL(blob);

然后我就有了一个音频 Controller 。如何将 blobUrl 变量放入 src = ？

<audio controls="controls">
<source src= blobUrl type="audio/mp3">
</audio>

Answer 1

您需要获取 source 元素并设置其 src 属性。

让我们使用基本的 js DOM API 获取元素。

var srcElement = document.getElementsByTagName("source")[0]; // Assuming there's only one

现在让我们使用

设置 src 属性

srcElement.src = blobUrl; 或 srcElement.setAttribute("src", blobUrl); 或 jquery 的 element.attr() 方法如果您使用 jquery 选择器获取元素。