使用JavaScript代码创建音频对象

Question

我需要创建弹出窗口并使用JavaScript编码插入一些内容。

现在，我的网页将显示处理某些功能（CamanJS）时的弹出窗口。 该函数将以DataUrl形式输出Image。并在弹出窗口中显示它

var w=window.open('about:blank','image from canvas');
w.document.write("<img src='"+this.toBase64()+"' alt='from canvas'/>");

我想在弹出窗口中插入5秒的音频。而且播放音频将执行Function2（）。

Answer 1

您可以将二进制文件编码为base64字符串并进行解码。以下是PHP中用于编码的示例：

function encodedAudioString($type, $file) {
    return 'data:audio/' . $type . ';base64,' . base64_encode(file_get_contents($file));
}

如果要在浏览器中进行编码和解码，则需要使用XHR作为arrayBuffer请求文件。请查看此链接以获取完整代码：https://github.com/dondido/MP3-to-Base64-Encoder-and-Decoder/blob/master/index.html

然后你可以将dataURI字符串嵌入audio元素的src：

<audio controls src="data:audio/ogg;base64,T2dnUwACAAAAAAAAAAA..........8l3KcK">

Answer 2

您可以生成一个wav或ogg vorbis文件，有一个AUDIO HTML元素引用它，最初停止，并让它通过JavaScript播放。