Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
1 Frame WAV Header
<!DOCTYPE>
<html>
<head>
<title>WAV Header</title>
<script>
var buildWaveHeader = function(opts) {
var numFrames = opts.numFrames,
numChannels = opts.numChannels || 2,
sampleRate = opts.sampleRate || 44100,
bytesPerSample = opts.bytesPerSample || 2,
blockAlign = numChannels * bytesPerSample,
byteRate = sampleRate * blockAlign,
dataSize = numFrames * blockAlign;
var buffer = new ArrayBuffer(44),
dv = new DataView(buffer),
p = 0;
var writeString = function(s) {
for (var i = 0; i < s.length; i++) {
dv.setUint8(p + i, s.charCodeAt(i));
}
p += s.length;
}
var writeUint32 = function(d) {
dv.setUint32(p, d, true);
p += 4;
}
var writeUint16 = function(d) {
dv.setUint16(p, d, true);
p += 2;
}
writeString('RIFF'); // ChunkID
writeUint32(dataSize * 960 + 36); // ChunkSize
writeString('WAVE'); // Format
writeString('fmt '); // Subchunk1ID
writeUint32(16); // Subchunk1Size
writeUint16(1); // AudioFormat
writeUint16(numChannels); // NumChannels
writeUint32(sampleRate); // SampleRate
writeUint32(byteRate); // ByteRate
writeUint16(blockAlign); // BlockAlign
writeUint16(bytesPerSample * 8); // BitsPerSample
writeString('data'); // Subchunk2ID
writeUint32(dataSize * 960); // Subchunk2Size
return buffer;
}
</script>
</head>
<body>
<h2>WAV Header</h2>
<article>
<h2>1 Frame WAV Header</h2>
<script>
var buffer = buildWaveHeader({ numFrames: 1 });
var stringify = function(view) {
return '[' + Array.prototype.slice.call(view).join(', ') + ']';
}
</script>
<section>
<h3>Uint8Array</h3>
<script>document.write(stringify(new Uint8Array(buffer)));</script>
</section>
<section>
<h3>Uint16Array</h3>
<script>document.write(stringify(new Uint16Array(buffer)));</script>
</section>
<section>
<h3>Int8Array</h3>
<script>document.write(stringify(new Int8Array(buffer)));</script>
</section>
<section>
<h3>Int16Array</h3>
<script>document.write(stringify(new Int16Array(buffer)));</script>
</section>
</article>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.