Skip to content

Commit

Permalink
rebuild source files
Browse files Browse the repository at this point in the history
  • Loading branch information
@foobar404
foobar404 committed Mar 10, 2022
1 parent 0389135 commit 073e1b8
Show file tree
Hide file tree
Showing 5 changed files with 1,915 additions and 266 deletions.
242 changes: 121 additions & 121 deletions dist/bundle.cjs.js
View file
Original file line number Diff line number Diff line change
@@ -1,125 +1,125 @@
'use strict';

function fromElement(element_id, canvas_id, options) {
const globalAccessKey = [options.globalAccessKey || '$wave'];
const initGlobalObject = (elementId) => {
window[globalAccessKey] = window[globalAccessKey] || {};
window[globalAccessKey][elementId] = window[globalAccessKey][elementId] || {};
};

const getGlobal = options['getGlobal'] || function(elementId, accessKey) {
initGlobalObject(elementId);
return window[globalAccessKey][elementId][accessKey];
};

const setGlobal = options['setGlobal'] || function(elementId, accessKey, value) {
let returnValue = getGlobal(elementId, accessKey);
if(!returnValue) {
window[globalAccessKey][elementId][accessKey] = window[globalAccessKey][elementId][accessKey] || value;
returnValue = window[globalAccessKey][elementId][accessKey];
}
return returnValue;
};

const waveContext = this;
let element = document.getElementById(element_id);
if (!element) return
element.crossOrigin = "anonymous";

function run() {
//user gesture has happened
this.activated = true;

//track current wave for canvas
this.activeCanvas = this.activeCanvas || {};
this.activeCanvas[canvas_id] = JSON.stringify(options);

//track elements used so multiple elements use the same data
this.activeElements[element_id] = this.activeElements[element_id] || {};
if (this.activeElements[element_id].count) this.activeElements[element_id].count += 1;
else this.activeElements[element_id].count = 1;

const currentCount = this.activeElements[element_id].count;

const audioCtx = setGlobal(element.id, 'audioCtx', new AudioContext());
const analyser = setGlobal(element.id, 'analyser', audioCtx.createAnalyser());

let source = getGlobal(element.id, 'source');
if (source) {
if (source.mediaElement !== element) {
source = audioCtx.createMediaElementSource(element);
}
} else {
source = audioCtx.createMediaElementSource(element);
}
setGlobal(element.id, 'source', source);

//beep test for ios
const oscillator = audioCtx.createOscillator();
oscillator.frequency.value = 1;
oscillator.connect(audioCtx.destination);
oscillator.start(0);
oscillator.stop(0);

source.connect(analyser);
source.connect(audioCtx.destination);

analyser.fftsize = 32768;
const bufferLength = analyser.frequencyBinCount;
const data = new Uint8Array(bufferLength);
let frameCount = 1;

function renderFrame() {
//only run one wave visual per canvas
if (JSON.stringify(options) !== this.activeCanvas[canvas_id]) {
return
}

//if the element or canvas go out of scope, stop animation
if (!document.getElementById(element_id) || !document.getElementById(canvas_id))
return

requestAnimationFrame(renderFrame);
frameCount++;

//check if this element is the last to be called
if (!(currentCount < this.activeElements[element_id].count)) {
analyser.getByteFrequencyData(data);
this.activeElements[element_id].data = data;
}

this.visualize(this.activeElements[element_id].data, canvas_id, options, frameCount);
}

renderFrame = renderFrame.bind(this);
renderFrame();

}


const create = () => {
//remove all events
["touchstart", "touchmove", "touchend", "mouseup", "click", "play"].forEach(event => {
element.removeEventListener(event, create, { once: true });
});

run.call(waveContext);
};

if (this.activated || options['skipUserEventsWatcher']) {
run.call(waveContext);
} else {
//wait for a valid user gesture
document.body.addEventListener("touchstart", create, { once: true });
document.body.addEventListener("touchmove", create, { once: true });
document.body.addEventListener("touchend", create, { once: true });
document.body.addEventListener("mouseup", create, { once: true });
document.body.addEventListener("click", create, { once: true });
element.addEventListener("play", create, { once: true });
}



function fromElement(element_id, canvas_id, options) {
const globalAccessKey = [options.globalAccessKey || '$wave'];
const initGlobalObject = (elementId) => {
window[globalAccessKey] = window[globalAccessKey] || {};
window[globalAccessKey][elementId] = window[globalAccessKey][elementId] || {};
};

const getGlobal = options['getGlobal'] || function(elementId, accessKey) {
initGlobalObject(elementId);
return window[globalAccessKey][elementId][accessKey];
};

const setGlobal = options['setGlobal'] || function(elementId, accessKey, value) {
let returnValue = getGlobal(elementId, accessKey);
if(!returnValue) {
window[globalAccessKey][elementId][accessKey] = window[globalAccessKey][elementId][accessKey] || value;
returnValue = window[globalAccessKey][elementId][accessKey];
}
return returnValue;
};

const waveContext = this;
let element = document.getElementById(element_id);
if (!element) return
element.crossOrigin = "anonymous";

function run() {
//user gesture has happened
this.activated = true;

//track current wave for canvas
this.activeCanvas = this.activeCanvas || {};
this.activeCanvas[canvas_id] = JSON.stringify(options);

//track elements used so multiple elements use the same data
this.activeElements[element_id] = this.activeElements[element_id] || {};
if (this.activeElements[element_id].count) this.activeElements[element_id].count += 1;
else this.activeElements[element_id].count = 1;

const currentCount = this.activeElements[element_id].count;

const audioCtx = setGlobal(element.id, 'audioCtx', new AudioContext());
const analyser = setGlobal(element.id, 'analyser', audioCtx.createAnalyser());

let source = getGlobal(element.id, 'source');
if (source) {
if (source.mediaElement !== element) {
source = audioCtx.createMediaElementSource(element);
}
} else {
source = audioCtx.createMediaElementSource(element);
}
setGlobal(element.id, 'source', source);

//beep test for ios
const oscillator = audioCtx.createOscillator();
oscillator.frequency.value = 1;
oscillator.connect(audioCtx.destination);
oscillator.start(0);
oscillator.stop(0);

source.connect(analyser);
source.connect(audioCtx.destination);

analyser.fftsize = 32768;
const bufferLength = analyser.frequencyBinCount;
const data = new Uint8Array(bufferLength);
let frameCount = 1;

function renderFrame() {
//only run one wave visual per canvas
if (JSON.stringify(options) !== this.activeCanvas[canvas_id]) {
return
}

//if the element or canvas go out of scope, stop animation
if (!document.getElementById(element_id) || !document.getElementById(canvas_id))
return

requestAnimationFrame(renderFrame);
frameCount++;

//check if this element is the last to be called
if (!(currentCount < this.activeElements[element_id].count)) {
analyser.getByteFrequencyData(data);
this.activeElements[element_id].data = data;
}

this.visualize(this.activeElements[element_id].data, canvas_id, options, frameCount);
}

renderFrame = renderFrame.bind(this);
renderFrame();

}


const create = () => {
//remove all events
["touchstart", "touchmove", "touchend", "mouseup", "click", "play"].forEach(event => {
element.removeEventListener(event, create, { once: true });
});

run.call(waveContext);
};

if (this.activated || options['skipUserEventsWatcher']) {
run.call(waveContext);
} else {
//wait for a valid user gesture
document.body.addEventListener("touchstart", create, { once: true });
document.body.addEventListener("touchmove", create, { once: true });
document.body.addEventListener("touchend", create, { once: true });
document.body.addEventListener("mouseup", create, { once: true });
document.body.addEventListener("click", create, { once: true });
element.addEventListener("play", create, { once: true });
}



}

function fromFile(file, options = {}) {
Expand Down Expand Up @@ -251,7 +251,7 @@ function fromStream(stream, canvas_id, options = {}, connectDestination=true) {
self.current_stream.animation = requestAnimationFrame(self.current_stream.loop);
frameCount++;
self.sources[stream.toString()].animation = self.current_stream.animation;
analyser.getByteFrequencyData(self.current_stream.data);
analyser.getByteFrequencyData(self.current_stream.data);

self.visualize(self.current_stream.data, self.current_stream.id, self.current_stream.options, frameCount);
}
Expand Down
Loading

0 comments on commit 073e1b8

Please sign in to comment.