@azgaar/tone
Version:
A fork of Web Audio framework for making interactive music in the browser.
133 lines • 4.86 kB
JavaScript
import { defaultArg, optionsFromArguments } from "../../core/util/Defaults";
import { noOp } from "../../core/util/Interface";
import { isDefined } from "../../core/util/TypeCheck";
import { OneShotSource } from "../OneShotSource";
import { EQ, GTE, LT } from "../../core/util/Math";
/**
* Wrapper around the native MediaElementAudioSourceNode.
* @category Source
*/
export class ToneMediaElementSource extends OneShotSource {
constructor() {
super(optionsFromArguments(ToneMediaElementSource.getDefaults(), arguments, ["element", "onload"]));
this.name = "ToneMediaElementSource";
/**
* The oscillator
*/
this._source = null;
/**
* indicators if the source has started/stopped
*/
this._sourceStarted = false;
this._sourceStopped = false;
const options = optionsFromArguments(ToneMediaElementSource.getDefaults(), arguments, ["element", "onload"]);
const audioElement = options.element.get();
this._source = this.context.createMediaElementSource(audioElement);
audioElement.playbackRate = options.playbackRate;
this.playbackRate = options.playbackRate;
this.duration = 10; // TODO: get duration from mediaElement
// set some values initially
this.loop = options.loop;
this.loopStart = this.toSeconds(options.loopStart);
this.loopEnd = this.toSeconds(options.loopEnd);
}
static getDefaults() {
return Object.assign(OneShotSource.getDefaults(), {
element: null,
loop: false,
loopEnd: 0,
loopStart: 0,
onload: noOp,
onerror: noOp,
playbackRate: 1,
});
}
/**
* The fadeIn time of the amplitude envelope.
*/
get fadeIn() {
return this._fadeIn;
}
set fadeIn(t) {
this._fadeIn = t;
}
/**
* The fadeOut time of the amplitude envelope.
*/
get fadeOut() {
return this._fadeOut;
}
set fadeOut(t) {
this._fadeOut = t;
}
/**
* Start the source
* @param time When the player should start.
* @param offset The offset from the beginning of the sample to start at.
* @param duration How long the sample should play. If no duration is given, it will default to the full length of the sample (minus any offset)
* @param gain The gain to play the source back at.
*/
start(time, offset, duration, gain = 1) {
if (!this._source) {
return this;
}
const computedTime = this.toSeconds(time);
// apply the gain envelope
this._startGain(computedTime, gain);
// if it's a loop the default offset is the loopstart point
if (this.loop) {
offset = defaultArg(offset, this.loopStart);
}
else {
// otherwise the default offset is 0
offset = defaultArg(offset, 0);
}
// make sure the offset is not less than 0
let computedOffset = Math.max(this.toSeconds(offset), 0);
// start the media element source
if (this.loop) {
// modify the offset if it's greater than the loop time
const loopEnd = this.toSeconds(this.loopEnd) || this.duration;
const loopStart = this.toSeconds(this.loopStart);
const loopDuration = loopEnd - loopStart;
// move the offset back
if (GTE(computedOffset, loopEnd)) {
computedOffset =
((computedOffset - loopStart) % loopDuration) + loopStart;
}
// when the offset is very close to the duration, set it to 0
if (EQ(computedOffset, this.duration)) {
computedOffset = 0;
}
}
if (LT(computedOffset, this.duration)) {
this._sourceStarted = true;
this.start(computedTime, computedOffset);
}
// if a duration is given, schedule a stop
if (isDefined(duration)) {
let computedDur = this.toSeconds(duration);
// make sure it's never negative
computedDur = Math.max(computedDur, 0);
this.stop(computedTime + computedDur);
}
return this;
}
_stopSource(time) {
if (!this._sourceStopped && this._sourceStarted) {
this._sourceStopped = true;
this.stop(this.toSeconds(time));
this._onended();
}
}
/**
* Clean up.
*/
dispose() {
super.dispose();
this.onended = noOp;
this.disconnect();
return this;
}
}
//# sourceMappingURL=ToneMediaElementSource.js.map