mirror of https://bitbucket.org/ausocean/av.git
Merged in audio-move (pull request #408)
audio-player: moving js audio player to vidgrind repo
This commit is contained in:
Trek Hopton
commit
d8540a1d60
|
|
@ -1,179 +0,0 @@
|
|||
/*
|
||||
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.
|
||||
*/
|
||||
|
||||
|
||||
class Decoder {
|
||||
constructor() {
|
||||
this.est = 0; // Estimation of sample based on quantised ADPCM nibble.
|
||||
this.idx = 0; // Index to step used for estimation.
|
||||
this.step = 0;
|
||||
}
|
||||
|
||||
// Table of index changes (see spec).
|
||||
static get indexTable() {
|
||||
return [
|
||||
-1, -1, -1, -1, 2, 4, 6, 8,
|
||||
-1, -1, -1, -1, 2, 4, 6, 8
|
||||
];
|
||||
}
|
||||
|
||||
// Quantize step size table (see spec).
|
||||
static get stepTable() {
|
||||
return [
|
||||
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
|
||||
];
|
||||
}
|
||||
|
||||
static get byteDepth() { return 2; } // We are working with 16-bit samples.
|
||||
static get headSize() { return 8; } // Number of bytes in the header of ADPCM.
|
||||
static get chunkLenSize() { return 4; } // Length in bytes of the chunk length field in header.
|
||||
static get compFact() { return 4; } // In general ADPCM compresses by a factor of 4.
|
||||
|
||||
// decodeSample takes 4 bits which represents a single ADPCM nibble, and returns a 16 bit decoded PCM sample.
|
||||
decodeSample(nibble) {
|
||||
let diff = 0;
|
||||
if ((nibble & 4) != 0) {
|
||||
diff += this.step;
|
||||
}
|
||||
if ((nibble & 2) != 0) {
|
||||
diff += this.step >> 1;
|
||||
}
|
||||
if ((nibble & 1) != 0) {
|
||||
diff += this.step >> 2;
|
||||
}
|
||||
diff += this.step >> 3;
|
||||
|
||||
if ((nibble & 8) != 0) {
|
||||
diff = -diff;
|
||||
}
|
||||
this.est += diff;
|
||||
this.idx += Decoder.indexTable[nibble];
|
||||
|
||||
if (this.idx < 0) {
|
||||
this.idx = 0;
|
||||
} else if (this.idx > Decoder.stepTable.length - 1) {
|
||||
this.idx = Decoder.stepTable.length - 1;
|
||||
}
|
||||
|
||||
this.step = Decoder.stepTable[this.idx];
|
||||
|
||||
return this.est;
|
||||
}
|
||||
|
||||
// decode takes an array of bytes of arbitrary length representing adpcm and decodes it into pcm.
|
||||
decode(b) {
|
||||
let result = new Uint16Array(Decoder.decBytes(b)/Decoder.byteDepth);
|
||||
let resultOff = 0;
|
||||
// Iterate over each chunk and decode it.
|
||||
let chunkLen;
|
||||
for (let off = 0; off + Decoder.headSize <= b.length; off += chunkLen) {
|
||||
// Read length of chunk and check if whole chunk exists.
|
||||
chunkLen = Decoder.bytesToInt32(b.slice(off, off + Decoder.chunkLenSize))
|
||||
if (off + chunkLen > b.length) {
|
||||
break;
|
||||
}
|
||||
|
||||
// Initialize Decoder.
|
||||
this.est = Decoder.bytesToInt16(b.slice(off + Decoder.chunkLenSize, off + Decoder.chunkLenSize + Decoder.byteDepth));
|
||||
this.idx = b[off + Decoder.chunkLenSize + Decoder.byteDepth];
|
||||
this.step = Decoder.stepTable[this.idx];
|
||||
|
||||
result[resultOff] = Decoder.bytesToInt16(b.slice(off + Decoder.chunkLenSize, off + Decoder.chunkLenSize + Decoder.byteDepth));
|
||||
resultOff++;
|
||||
|
||||
for (let i = off + Decoder.headSize; i < off + chunkLen - b[off + Decoder.chunkLenSize + 3]; i++) {
|
||||
let twoNibs = b[i];
|
||||
let nib2 = twoNibs >> 4;
|
||||
let nib1 = (nib2 << 4) ^ twoNibs;
|
||||
|
||||
let sample1 = this.decodeSample(nib1);
|
||||
result[resultOff] = sample1;
|
||||
resultOff++;
|
||||
|
||||
let sample2 = this.decodeSample(nib2);
|
||||
result[resultOff] = sample2;
|
||||
resultOff++;
|
||||
}
|
||||
if (b[off + Decoder.chunkLenSize + 3] == 1) {
|
||||
let padNib = b[off + chunkLen - 1];
|
||||
let sample = this.decodeSample(padNib);
|
||||
result[resultOff] = sample;
|
||||
resultOff++;
|
||||
}
|
||||
}
|
||||
return result;
|
||||
}
|
||||
|
||||
// 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.
|
||||
static 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.
|
||||
static bytesToInt32(b) {
|
||||
return (b[0] |
|
||||
(b[1] << 8) |
|
||||
(b[2] << 16) |
|
||||
(b[3] << 24));
|
||||
}
|
||||
|
||||
// decBytes takes a parameter that is assumed to be a byte array containing one or more adpcm chunks.
|
||||
// It reads the chunk lengths from the chunk headers to calculate and return the number of pcm bytes that are expected to be decoded from the adpcm.
|
||||
static decBytes(b){
|
||||
let chunkLen;
|
||||
let n = 0;
|
||||
for (let off = 0; off + Decoder.headSize <= b.length; off += chunkLen) {
|
||||
chunkLen = Decoder.bytesToInt32(b.slice(off, off + Decoder.chunkLenSize))
|
||||
if (off + chunkLen > b.length) {
|
||||
break;
|
||||
}
|
||||
|
||||
// Account for uncompressed sample in header.
|
||||
n += Decoder.byteDepth;
|
||||
// Account for PCM bytes that will result from decoding ADPCM.
|
||||
n += (chunkLen - Decoder.headSize)*Decoder.compFact;
|
||||
// Account for padding.
|
||||
if(b[off+Decoder.chunkLenSize+3] == 0x01){
|
||||
n -= Decoder.byteDepth;
|
||||
}
|
||||
}
|
||||
return n;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
|
|
@ -1,44 +0,0 @@
|
|||
<!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="playFile();">
|
||||
</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>©2019 Australian Ocean Laboratory Limited (AusOcean) (<a rel="license" href="https://www.ausocean.org/license">License</a>)</small>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,108 +0,0 @@
|
|||
/*
|
||||
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).
|
||||
*/
|
||||
|
||||
// playFile will process and play the chosen target file.
|
||||
function playFile() {
|
||||
const input = event.target.files[0]
|
||||
const reader = new FileReader()
|
||||
|
||||
reader.onload = event => {
|
||||
bytes = new Uint8Array(event.target.result);
|
||||
|
||||
let dec = new Decoder();
|
||||
|
||||
// Decode adpcm to pcm.
|
||||
let decoded = dec.decode(bytes);
|
||||
|
||||
// Convert raw pcm to wav TODO(Trek): make these configurable.
|
||||
let wav = pcmToWav(new Uint8Array(decoded.buffer), 48000, 1, 16);
|
||||
|
||||
// Play wav data in player.
|
||||
const blob = new Blob([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() {
|
||||
let regex = new RegExp("\\?(.*)");
|
||||
let match = regex.exec(window.location.href);
|
||||
if (match == null) {
|
||||
return '';
|
||||
} else {
|
||||
return decodeURIComponent(match[1].replace(/\+/g, " "));
|
||||
}
|
||||
}
|
||||
|
||||
// load gets the file from the given url and displays a link for download.
|
||||
function load() {
|
||||
let 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;
|
||||
}
|
||||
|
||||
let 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);
|
||||
|
||||
let 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();
|
||||
}
|
||||
|
|
@ -1,97 +0,0 @@
|
|||
/*
|
||||
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 should be a Uint16Array containing 16 bit PCM samples, output will be a Uint8Array representing the bytes of the wav file.
|
||||
// WAV spec.: http://soundfile.sapp.org/doc/WaveFormat/
|
||||
function pcmToWav(data, rate, channels, bitdepth) {
|
||||
let subChunk2ID = [100, 97, 116, 97]; // "data".
|
||||
let subChunk2Size = int32ToBytes(data.length);
|
||||
|
||||
let subChunk1ID = [102, 109, 116, 32]; // "fmt ".
|
||||
let subChunk1Size = int32ToBytes(16);
|
||||
let audioFmt = int16ToBytes(1); // 1 = PCM.
|
||||
let numChannels = int16ToBytes(channels);
|
||||
let sampleRate = int32ToBytes(rate);
|
||||
let byteRate = int32ToBytes(rate * channels * bitdepth / 8);
|
||||
let blockAlign = int16ToBytes(channels * bitdepth / 8);
|
||||
let bitsPerSample = int16ToBytes(bitdepth)
|
||||
|
||||
let chunkID = [82, 73, 70, 70]; // "RIFF".
|
||||
let chunkSize = int32ToBytes(36 + data.length);
|
||||
let format = [87, 65, 86, 69]; // "WAVE".
|
||||
|
||||
let result = new Uint8Array((data.length*2) + 44);
|
||||
let off = 0;
|
||||
|
||||
result.set(chunkID, off);
|
||||
off += 4;
|
||||
result.set(chunkSize, off);
|
||||
off += 4;
|
||||
result.set(format, off);
|
||||
off += 4;
|
||||
result.set(subChunk1ID, off);
|
||||
off += 4;
|
||||
result.set(subChunk1Size, off);
|
||||
off += 4;
|
||||
result.set(audioFmt, off);
|
||||
off += 2;
|
||||
result.set(numChannels, off);
|
||||
off += 2;
|
||||
result.set(sampleRate, off);
|
||||
off += 4;
|
||||
result.set(byteRate, off);
|
||||
off += 4;
|
||||
result.set(blockAlign, off);
|
||||
off += 2;
|
||||
result.set(bitsPerSample, off);
|
||||
off += 2;
|
||||
result.set(subChunk2ID, off);
|
||||
off += 4;
|
||||
result.set(subChunk2Size, off);
|
||||
off += 4;
|
||||
|
||||
result.set(data, off);
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
// int32ToBytes takes a number assumed to be an int 32 and converts it to an array containing bytes (Little Endian).
|
||||
function int32ToBytes(num) {
|
||||
let b = new Uint8Array(4);
|
||||
b[0] = (num & 0x000000ff);
|
||||
b[1] = (num & 0x0000ff00) >> 8;
|
||||
b[2] = (num & 0x00ff0000) >> 16;
|
||||
b[3] = (num & 0xff000000) >> 24;
|
||||
return b;
|
||||
}
|
||||
|
||||
// int16ToBytes takes a number assumed to be an int 16 and converts it to an array containing bytes (Little Endian).
|
||||
function int16ToBytes(num) {
|
||||
let b = new Uint8Array(2);
|
||||
b[0] = (num & 0x00ff);
|
||||
b[1] = (num & 0xff00) >> 8;
|
||||
return b;
|
||||
}
|
||||
Loading…
Reference in New Issue