webkitAudioContext播放base64 WAV

时间:2012-10-25 21:36:18

标签: javascript google-chrome webkit webkitaudiocontext

我有一个wav文件,其中包含: ffmpeg -i my.wav

给出输出:

output:   Duration: 00:00:12.63, bitrate: 352 kb/s
    Stream #0.0: Audio: pcm_s16le, 22050 Hz, 1 channels, s16, 352 kb/s

它作为base64字符串存储在内存中的JavaScript中,作为下面列出的base64变量。

以下是代码:

byte_str = Base64.decode(base64)
buffer = new ArrayBuffer(byte_str.length*2)
buffer_view = new Uint16Array(buffer)
/* this is coffeescript */
for i in [0..byte_str.length]
   buffer_view[i] = byte_str.charCodeAt(i)
console.log(byte_str.length)
console.log(buffer_view)
console.log(buffer_view.buffer)
context = new webkitAudioContext()
context.decodeAudioData(buffer,function (buffer) {
    /* never gets hit */
    source = @context.createBufferSource()
    source.buffer = buffer
    source.connect(@context.destination)
    source.noteOn(0)
});

输出:

108185
[82, 73, 70, 70, 36, 128, 87, 65, 86, 69, 102, 109, 116, 32, 16, 0, 0, 0, 1, 0, 1, 0, 34, 86, 0, 0, 68, 49152, 2, 0, 16, 0, 100, 97, 116, 97, 0, 128, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,....]
ArrayBuffer {byteLength: 216370} 

如果您查看此演示文稿,它有一个WAV标题: http://html5-demos.appspot.com/static/html5-whats-new/template/index.html#29

var header = new Uint8Array([
    0x52,0x49,0x46,0x46, // "RIFF"
    0, 0, 0, 0,          // put total size here
    0x57,0x41,0x56,0x45,
    ...
]);

如果将第一个值转换为十六进制,则与我的相同,但是在我的情况下,回调永远不会为decodeAudioData触发。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

事实证明这是使用此库的编码问题:http://www.webtoolkit.info/javascript-base64.html我删除了_utf8_decode步骤并且效果很好!

相关问题