audio-player: fixed conflict

cmd/audio-player/adpcm.js

@@ -0,0 +1,147 @@
+/*
+NAME
+  adpcm.js
+
+AUTHOR
+  Trek Hopton <trek@ausocean.org>
+
+LICENSE
+  This file is Copyright (C) 2018 the Australian Ocean Lab (AusOcean)
+
+  It is free software: you can redistribute it and/or modify them
+  under the terms of the GNU General Public License as published by the
+  Free Software Foundation, either version 3 of the License, or (at your
+  option) any later version.
+
+  It is distributed in the hope that it will be useful, but WITHOUT
+  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License
+  for more details.
+
+  You should have received a copy of the GNU General Public License in gpl.txt.
+  If not, see [GNU licenses](http://www.gnu.org/licenses).
+*/
+
+/*
+	Original IMA/DVI ADPCM specification: (http://www.cs.columbia.edu/~hgs/audio/dvi/IMA_ADPCM.pdf).
+	Reference algorithms for ADPCM compression and decompression are in part 6.
+*/
+
+// Table of index changes (see spec).
+const indexTable = [
+	-1, -1, -1, -1, 2, 4, 6, 8,
+	-1, -1, -1, -1, 2, 4, 6, 8
+];
+
+// Quantize step size table (see spec).
+const stepTable = [
+	7, 8, 9, 10, 11, 12, 13, 14,
+	16, 17, 19, 21, 23, 25, 28, 31,
+	34, 37, 41, 45, 50, 55, 60, 66,
+	73, 80, 88, 97, 107, 118, 130, 143,
+	157, 173, 190, 209, 230, 253, 279, 307,
+	337, 371, 408, 449, 494, 544, 598, 658,
+	724, 796, 876, 963, 1060, 1166, 1282, 1411,
+	1552, 1707, 1878, 2066, 2272, 2499, 2749, 3024,
+	3327, 3660, 4026, 4428, 4871, 5358, 5894, 6484,
+	7132, 7845, 8630, 9493, 10442, 11487, 12635, 13899,
+	15289, 16818, 18500, 20350, 22385, 24623, 27086, 29794,
+	32767
+];
+
+const byteDepth = 2; // We are working with 16-bit samples. TODO(Trek): make configurable.
+const headSize = 8; // Number of bytes in the header of ADPCM.
+const chunkLenSize = 4;
+
+let est = 0; // Estimation of sample based on quantised ADPCM nibble.
+let idx = 0; // Index to step used for estimation.
+let step = 0;
+
+// decodeSample takes 4 bits which represents a single ADPCM nibble, and returns a 16 bit decoded PCM sample.
+function decodeSample(nibble) {
+	let diff = 0;
+	if ((nibble & 4) != 0) {
+		diff += step;
+	}
+	if ((nibble & 2) != 0) {
+		diff += step >> 1;
+	}
+	if ((nibble & 1) != 0) {
+		diff += step >> 2;
+	}
+	diff += step >> 3;
+
+	if ((nibble & 8) != 0) {
+		diff = -diff;
+	}
+	est += diff;
+	idx += indexTable[nibble];
+
+	if (idx < 0) {
+		idx = 0;
+	} else if (idx > stepTable.length - 1) {
+		idx = stepTable.length - 1;
+	}
+
+	step = stepTable[idx];
+
+	result = est;
+	return result;
+}
+
+// decode takes an array of bytes of arbitrary length representing adpcm and decodes it into pcm.
+function decode(b) {
+	// Iterate over each chunk and decode it.
+	let chunkLen;
+	var result = [];
+	for (var off = 0; off + headSize <= b.length; off += chunkLen) {
+		// Read length of chunk and check if whole chunk exists.
+		chunkLen = bytesToInt32(b.slice(off, off + chunkLenSize))
+		if (off + chunkLen > b.length) {
+			break;
+		}
+
+		// Initialize Decoder with first 4 bytes of b.
+		est = bytesToInt16(b.slice(off + chunkLenSize, off + chunkLenSize + byteDepth));
+		idx = b[off + chunkLenSize + byteDepth];
+		step = stepTable[idx];
+
+		result.push(...b.slice(off + chunkLenSize, off + chunkLenSize + byteDepth));
+
+		for (var i = off + headSize; i < off + chunkLen - b[off + chunkLenSize + 3]; i++) {
+			var twoNibs = b[i];
+			var nib2 = twoNibs >> 4;
+			var nib1 = (nib2 << 4) ^ twoNibs;
+
+			var sample1 = int16ToBytes(decodeSample(nib1));
+			result.push(...sample1);
+
+			var sample2 = int16ToBytes(decodeSample(nib2));
+			result.push(...sample2);
+		}
+		if (b[off + chunkLenSize + 3] == 1) {
+			var padNib = b[off + chunkLen - 1];
+			var sample = int16ToBytes(decodeSample(padNib));
+			result.push(...sample);
+		}
+	}
+	return result;
+}
+
+// int16ToBytes takes a number assumed to be an int 16 and converts it to an array containing bytes (Little Endian).
+function int16ToBytes(num) {
+	return [(num & 0x00ff), (num & 0xff00) >> 8];
+}
+
+// bytesToInt16 takes an array of bytes (assumed to be values between 0 and 255), interprates them as little endian and converts it to an int16.
+function bytesToInt16(b) {
+	return (b[0] | (b[1] << 8));
+}
+
+// bytesToInt32 takes an array of bytes (assumed to be values between 0 and 255), interprates them as little endian and converts it to an int32.
+function bytesToInt32(b) {
+	return (b[0] |
+		(b[1] << 8) |
+		(b[2] << 16) |
+		(b[3] << 24));
+}

cmd/audio-player/index.html

@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <title>Audio Player</title>
+    <script type="text/javascript" src="pcm-to-wav.js"></script>
+    <script type="text/javascript" src="adpcm.js"></script>
+    <script type="text/javascript" src="main.js"></script>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+</head>
+
+<body style="height: 100%" onload="load();">
+    <div class="card m-auto" style="width: 40rem;">
+        <div class="card-body">
+            <div class="container-fluid">
+                URL: <input type="text" id="url" class="url mb-3 mx-3" onchange="load();"><button onclick="load();">Load</button>
+            </div>
+            <div class="container-fluid">
+                <a id="link" href=""></a>
+            </div>
+            <div style="height: 1rem">
+            </div>
+            <div class="container-fluid">
+                <div class="form-group">
+                    <input class="form-control-file" type="file" id="fileinput" onchange="processData();">
+                </div>
+            </div>
+            <div class="container-fluid">
+                <audio class="mx-auto" controls="controls" id="audio">
+                    Your browser does not support the <code>audio</code> element.
+                    <source id="source" src="" type="audio/wav" />
+                </audio>
+            </div>
+        </div>
+    </div>
+    <footer id="sticky-footer" class="footer fixed-bottom py-4 bg-dark text-white-50" style="width: 100%;">
+        <div class="container text-center">
+            <small>&copy;2019 Australian Ocean Laboratory Limited (AusOcean) (<a rel="license" href="https://www.ausocean.org/license">License</a>)</small>
+        </div>
+    </footer>
+</body>
+
+</html>

cmd/audio-player/main.js

@@ -0,0 +1,104 @@
+/*
+NAME
+  main.js
+
+AUTHOR
+  Trek Hopton <trek@ausocean.org>
+  Alan Noble <alan@ausocean.org>
+
+LICENSE
+  This file is Copyright (C) 2018 the Australian Ocean Lab (AusOcean)
+
+  It is free software: you can redistribute it and/or modify them
+  under the terms of the GNU General Public License as published by the
+  Free Software Foundation, either version 3 of the License, or (at your
+  option) any later version.
+
+  It is distributed in the hope that it will be useful, but WITHOUT
+  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License
+  for more details.
+
+  You should have received a copy of the GNU General Public License in gpl.txt.
+  If not, see [GNU licenses](http://www.gnu.org/licenses).
+*/
+
+function processData() {
+	const input = event.target.files[0]
+	const reader = new FileReader()
+
+	reader.onload = event => {
+		bytes = new Uint8Array(event.target.result)
+
+		// decode adpcm to pcm
+		var decoded = decode(Array.from(bytes))
+
+		// convert raw pcm to wav TODO(Trek): make these configurable.
+		var wav = pcmToWav(decoded, 48000, 1, 16);
+
+		// play wav data in player 
+		const blob = new Blob([Uint8Array.from(wav)], {
+			type: 'audio/wav'
+		});
+		const url = URL.createObjectURL(blob);
+
+		const audio = document.getElementById('audio');
+		const source = document.getElementById('source');
+
+		source.src = url;
+		audio.load();
+		audio.play();
+	}
+	reader.onerror = error => reject(error)
+	reader.readAsArrayBuffer(input)
+
+}
+
+// getQuery gets everything after the question mark in the URL.
+function getQuery() {
+	var regex = new RegExp("\\?(.*)");
+	var match = regex.exec(window.location.href);
+	if (match == null) {
+		return '';
+	} else {
+		return decodeURIComponent(match[1].replace(/\+/g, " "));
+	}
+}
+
+function load() {
+	var url = document.getElementById('url').value;
+	if (url == "") {
+		url = getQuery()
+		document.getElementById('url').value = url;
+	}
+	if (url[0] == '/') {
+		url = window.location.protocol + '//' + window.location.host + url;
+	}
+	if (url == "") {
+		return;
+	}
+
+	var request = new XMLHttpRequest();
+	request.responseType = "blob";
+	request.onreadystatechange = function () {
+		if (request.readyState === XMLHttpRequest.DONE) {
+			if (request.status === 200) {
+				console.log("request received");
+
+				data = request.response;
+
+				dataURL = URL.createObjectURL(data);
+
+				var link = document.getElementById("link");
+				link.href = dataURL;
+				link.download = "media.ts";
+				link.innerHTML = "Download";
+
+			} else {
+				console.log('There was a problem with the request. Status: ' + request.status);
+			}
+		}
+	}
+	request.open("GET", url, true);
+	request.send();
+}

cmd/audio-player/pcm-to-wav.js

@@ -0,0 +1,64 @@
+/*
+NAME
+  pcm-to-wav.js
+
+AUTHOR
+  Trek Hopton <trek@ausocean.org>
+
+LICENSE
+  This file is Copyright (C) 2018 the Australian Ocean Lab (AusOcean)
+
+  It is free software: you can redistribute it and/or modify them
+  under the terms of the GNU General Public License as published by the
+  Free Software Foundation, either version 3 of the License, or (at your
+  option) any later version.
+
+  It is distributed in the hope that it will be useful, but WITHOUT
+  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License
+  for more details.
+
+  You should have received a copy of the GNU General Public License in gpl.txt.
+  If not, see [GNU licenses](http://www.gnu.org/licenses).
+*/
+
+// pcmToWav takes raw pcm data along with the sample rate, number of channels and bit-depth, 
+// and adds a WAV header to it so that it can be read and played by common players.
+// input and output data bytes are represented as arrays of 8 bit integers.
+// WAV spec.: http://soundfile.sapp.org/doc/WaveFormat/
+function pcmToWav(data, rate, channels, bitdepth) {
+    subChunk2ID = [100, 97, 116, 97]; // "data"
+    subChunk2Size = int32ToBytes(data.length);
+
+    subChunk1ID = [102, 109, 116, 32]; // "fmt "
+    subChunk1Size = int32ToBytes(16);
+    audioFmt = int16ToBytes(1); // 1 = PCM
+    numChannels = int16ToBytes(channels);
+    sampleRate = int32ToBytes(rate);
+    byteRate = int32ToBytes(rate * channels * bitdepth / 8);
+    blockAlign = int16ToBytes(channels * bitdepth / 8);
+    bitsPerSample = int16ToBytes(bitdepth)
+
+    chunkID = [82, 73, 70, 70]; // "RIFF"
+    chunkSize = int32ToBytes(36 + data.length);
+    format = [87, 65, 86, 69]; // "WAVE"
+
+    result = chunkID;
+    result.push(...chunkSize, ...format, ...subChunk1ID, ...subChunk1Size, ...audioFmt, ...numChannels, ...sampleRate, ...byteRate, ...blockAlign, ...bitsPerSample, ...subChunk2ID, ...subChunk2Size);
+    return result.concat(data);
+}
+
+// int32ToBytes takes a number assumed to be an int 32 and converts it to an array containing bytes (Little Endian).
+function int32ToBytes(num) {
+    return [
+        (num & 0x000000ff),
+        (num & 0x0000ff00) >> 8,
+        (num & 0x00ff0000) >> 16,
+        (num & 0xff000000) >> 24
+    ];
+}
+
+// int16ToBytes takes a number assumed to be an int 16 and converts it to an array containing bytes (Little Endian).
+function int16ToBytes(num) {
+    return [(num & 0x00ff), (num & 0xff00) >> 8];
+}