{"id":485502,"date":"2026-06-29T13:59:52","date_gmt":"2026-06-29T13:59:52","guid":{"rendered":"https:\/\/savepearlharbor.com\/?p=485502"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=485502","title":{"rendered":"FM-Synthesis in the Browser. Part 1"},"content":{"rendered":"
\n

Let\u2019s explore the possibilities of sound synthesis in browsers. We\u2019ll explore the basics and, as a practical example, create a Yamaha DX7 synthesizer emulator.<\/p>\n

<\/figure>\n\n

Web Audio API<\/h3>\n

Browsers allow you to call JavaScript objects to control and create sound. Documentation: https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Web_Audio_API<\/a><\/p>\n

The API provides components for creating and modifying audio signals. These components can be connected together, and their properties can be changed on a schedule.<\/p>\n

Hello World!<\/h3>\n

Let\u2019s look at a simple example, something like the standard \u201cHello World!\u201d for programming languages.<\/p>\n

\nExample HTML page code with explanatory comments.<\/summary>\n
\n
<html><button onclick='start();'>beep<\/button> <!-- create a button--><script>function start() {let audioContext = new AudioContext();\/\/create the main objectlet when = audioContext.currentTime + 0.1;\/\/start timelet beep = audioContext.createOscillator();\/\/beep objectbeep.frequency.value = 440;\/\/frequency of note Abeep.connect(audioContext.destination);\/\/send sound to the outputbeep.start(when);\/\/start soundbeep.stop(when + 1);\/\/stop sound after 1 second}<\/script><\/html><\/code>
<\/a><\/div><\/pre>\n<\/div>\n<\/details>\n
Open the page https:\/\/mzxbox.ru\/fmsynth\/beep.html<\/a> in your browser and listen to the sound signal.<\/p>\n
Sound envelope<\/h3>\n
If you pluck a guitar string or press a piano key, you\u2019ll notice the difference between the natural sound and the computer-generated sound. The key\u2019s sound increases in volume at the moment you press it and gradually fades over time. In synthesizers, this effect is achieved by adjusting the ADSR envelope:<\/p>\n
<\/figure>\n
More — https:\/\/en.wikipedia.org\/wiki\/ADSR<\/a><\/p>\n
Let\u2019s expand on our previous example and add an envelope. Here\u2019s the component connection diagram:<\/p>\n
<\/figure>\n
\nExample code with comments<\/summary>\n
\n
<html><button onclick='start();'>beep AHDSR<\/button><script>function start() {let audioContext = new AudioContext();\/\/create the main objectlet when = audioContext.currentTime + 0.1;\/\/start timelet beep = audioContext.createOscillator();\/\/beep objectlet envelope = audioContext.createGain();\/\/gain node to set envelope of soundbeep.frequency.value = 440;\/\/\u0447\u0430\u0441\u0442\u043e\u0442\u0430 \u043d\u043e\u0442\u044b \u041b\u044fenvelope.gain.setValueAtTime(0, when);\/\/0 at beginingenvelope.gain.linearRampToValueAtTime(1, when + 0.05);\/\/gradually increase to 1 in 0.5 secenvelope.gain.linearRampToValueAtTime(0.5, when + 0.2);\/\/reduce to 0.5 in 0.2 senvelope.gain.setValueAtTime(0.5, when + 0.99);\/\/setup last volume valueenvelope.gain.linearRampToValueAtTime(0, when + 1);\/\/reduce to 0 at endenvelope.connect(audioContext.destination);\/\/send final sound to outputbeep.connect(envelope);\/\/send beep sound to envelope cahngerbeep.start(when);beep.stop(when + 1);}<\/script><\/html><\/code>
<\/a><\/div><\/pre>\n<\/div>\n<\/details>\n
Open the page https:\/\/mzxbox.ru\/fmsynth\/envelope.html<\/a> in your browser — the sound will be smooth, louder at the beginning and quieter at the end.<\/p>\n
Modulation of sound signal<\/h3>\n
Audio modulation is the process of modifying a carrier signal using a modulator signal. More information can be found at: https:\/\/en.wikipedia.org\/wiki\/Modulation<\/a><\/p>\n
Amplitude modulation is a type of modulation in which the variable parameter of the carrier signal is its amplitude.<\/p>\n
Frequency modulation is a type of analog modulation in which the modulating signal controls the frequency of the carrier wave. Compared to amplitude modulation, the amplitude remains constant.<\/p>\n
<\/figure>\n
Amplitude modulation<\/h4>\n
Sound from a modulator connected to the gain parameter of a node whose input is connected to a carrier:<\/p>\n
<\/figure>\n
\nCode example<\/summary>\n
\n
<html><button onclick='start();'>Amplitude modulation<\/button><script>function start() {let audioContext = new AudioContext();let when = audioContext.currentTime + 0.1;let carrier = audioContext.createOscillator();let modulator = audioContext.createOscillator();let result = audioContext.createGain();let level = audioContext.createGain();carrier.frequency.value = 500;modulator.frequency.value = 4;level.gain.value = 0.5;\/\/reduce to 0.5result.gain.value = 0.5;\/\/shift to 0.5modulator.connect(level);level.connect(result.gain);carrier.connect(result);result.connect(audioContext.destination);carrier.start(when);modulator.start(when);carrier.stop(when + 2);modulator.stop(when + 2);}<\/script><\/html><\/code>
<\/a><\/div><\/pre>\n<\/div>\n<\/details>\n
The generator produces a sine wave signal [-1; +1], but the volume should change as [0; +1] — therefore, additional transformations are required.<\/p>\n
Open the page to listen to the sound https:\/\/mzxbox.ru\/fmsynth\/amplitude.html<\/a><\/p>\n
Frequency modulation<\/h4>\n
Connection mix:<\/p>\n
<\/figure>\n
\nCode example<\/summary>\n
\n
<html><button onclick='start();'>frequency modulation<\/button><script>function start() {let audioContext = new AudioContext();let when = audioContext.currentTime + 0.1;let carrier = audioContext.createOscillator();let modulator = audioContext.createOscillator();let level = audioContext.createGain();modulator.frequency.value = 4;level.gain.value = 200;carrier.frequency.value = 300;carrier.connect(audioContext.destination);level.connect(carrier.frequency);modulator.connect(level);carrier.start(when);modulator.start(when);carrier.stop(when + 2);modulator.stop(when + 2);}<\/script><\/html><\/code>
<\/a><\/div><\/pre>\n<\/div>\n<\/details>\n
Open the page to listen to the sound https:\/\/mzxbox.ru\/fmsynth\/frequency.html<\/a><\/p>\n
Phase modulation<\/h3>\n
<\/figure>\n
Phase modulation shifts the phase of a signal, adding overtones and ultimately changing the timbre. For more information, see https:\/\/en.wikipedia.org\/wiki\/Phase_modulation<\/a><\/p>\n
Connection mix:<\/p>\n
<\/figure>\n
\n\u041a\u043e\u0434 \u043f\u0440\u0438\u043c\u0435\u0440\u0430<\/summary>\n
\n
<html><button onclick='start();'>phase modulation<\/button><script>function start() {let audioContext = new AudioContext();let when = audioContext.currentTime + 0.1;let soundFrequency = 500;\/\/frequencylet maxmodulation = 4;let carrier = audioContext.createOscillator();let modulator = audioContext.createOscillator();let level = audioContext.createGain();let phaseDelay = audioContext.createDelay();carrier.frequency.value = soundFrequency;modulator.frequency.value = soundFrequency;level.gain.setValueAtTime(0, when);level.gain.linearRampToValueAtTime(maxmodulation \/ (2 * Math.PI * soundFrequency), when + 2);phaseDelay.delayTime.value = 0.5 \/ soundFrequency;\/\/shift by wave sizemodulator.connect(level);level.connect(phaseDelay.delayTime);carrier.connect(phaseDelay);phaseDelay.connect(audioContext.destination);modulator.start(when);carrier.start(when);modulator.stop(when + 2);carrier.stop(when + 2);}<\/script><\/html><\/code>
<\/a><\/div><\/pre>\n<\/div>\n<\/details>\n
Open the page to listen to the sound https:\/\/mzxbox.ru\/fmsynth\/phase.html<\/a><\/p>\n
AudioWorklet<\/h4>\n
The Web Audio API provides ready-made components for working with audio. Additionally, there\u2019s an AudioWorkletProcessor component that allows you to write your own digital signal processing (DSP) code.<\/p>\n
More — https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/AudioWorkletProcessor<\/a><\/p>\n
\nHere is the phase modulation code from the previous example, but using AudioWorkletProcessor.<\/summary>\n
\n
<html><button onclick='start();'>phase worklet<\/button><script>let phaseWorkletSource = `class PhaseSineAudioWorkletProcessor extends AudioWorkletProcessor {phase = 0;cntr = 0;constructor() {super();}static get parameterDescriptors() {return [{ name: \"carrierFrequency\", automationRate: \"a-rate\" }, { name: \"modulationLevel\", automationRate: \"a-rate\" }];}readSample(inputs, xx) {let inputSumm = 0;for (let ii = 0; ii < inputs.length; ii++) {let singleInput = inputs[ii];let channelCount = singleInput.length;if (channelCount) {let channelSumm = 0;for (let ch = 0; ch < singleInput.length; ch++) {let singleChannel = singleInput[ch];channelSumm = channelSumm + singleChannel[xx];}inputSumm = inputSumm + channelSumm \/ channelCount;}}return inputSumm;}writeSample(outputs, xx, value) {for (let oo = 0; oo < outputs.length; oo++) {let singleOutput = outputs[oo];for (let ch = 0; ch < singleOutput.length; ch++) {let singleChannel = singleOutput[ch];singleChannel[xx] = value;}}}process(inputs, outputs, parameters) {let outSampleCount = outputs[0][0].length;let frequency = parameters[\"carrierFrequency\"][0];let modulationLevel = parameters[\"modulationLevel\"][0];let incrementBySample = Math.PI * 2 * frequency \/ sampleRate;for (let xx = 0; xx < outSampleCount; xx++) {let inputSumm = this.readSample(inputs, xx);let resultValue = Math.sin(this.phase + modulationLevel * inputSumm);this.writeSample(outputs, xx, resultValue);this.phase = this.phase + incrementBySample;if (this.phase >= Math.PI * 2) {this.phase = this.phase - Math.PI * 2;}}return true;}}registerProcessor(\"sinePhaseModuleID\", PhaseSineAudioWorkletProcessor);`;function loadAudioWorkletCode(audioworkletcode, audioContext, onDone) {let blob = new Blob([audioworkletcode], { type: 'application\/javascript' });let reader = new FileReader();reader.onloadend = function () {let blobURL = reader.result;audioContext.audioWorklet.addModule(blobURL).then((vv) => {onDone();});}reader.readAsDataURL(blob);}function start() {let audioContext = new AudioContext();loadAudioWorkletCode(phaseWorkletSource, audioContext, () => {playSound(audioContext);});}function playSound(audioContext) {let when = audioContext.currentTime + 0.1;let soundFrequency = 500;let maxmodulation = 4;let carrier = new AudioWorkletNode(audioContext, 'sinePhaseModuleID');let modulatorBeep = audioContext.createOscillator();let volume = audioContext.createGain();volume.gain.value = 0;let descriptors = carrier.parameters;let carrierFrequency = descriptors.get('carrierFrequency');let modulationLevel = descriptors.get('modulationLevel');carrierFrequency.value = soundFrequency;modulatorBeep.frequency.value = soundFrequency;modulationLevel.setValueAtTime(0, when);modulationLevel.linearRampToValueAtTime(maxmodulation, when + 2);volume.connect(audioContext.destination);carrier.connect(volume);modulatorBeep.connect(carrier);modulatorBeep.start(when);volume.gain.setValueAtTime(1, when);volume.gain.setValueAtTime(0, when + 2);}<\/script><\/html><\/code>
<\/a><\/div><\/pre>\n<\/div>\n<\/details>\n
Open the page to listen to the sound https:\/\/mzxbox.ru\/fmsynth\/phaseworklet.html<\/a><\/p>\n
As you can see, the result sounds the same as in the previous example, but the code has become much larger.<\/p>\n
This approach only makes sense if you need to recompile your C++ VST plugin code to WebAssembly (https:\/\/wikipedia.org\/wiki\/WebAssembly<\/a>) to run it in a browser.<\/p>\n
Practice of use<\/h3>\n
After reading this, you may be wondering, \u201cWhy use FM synthesis in a browser?\u201d<\/p>\n
Answer: \u201cOf course, to create music synthesizers!\u201d<\/p>\n
Desktop DAWs (Ableton Live, FL Studio, etc.) support plugin APIs (see https:\/\/wikipedia.org\/wiki\/Virtual_Studio_Technology<\/a>). Anyone can write their own electronic instrument that will work in any DAW or sequencer.<\/p>\n
In modern music, the importance of plugins is so great that beginners ask not \u201cWhich editor should I use for XXX music?\u201d, but \u201cWhich plugin should I buy for XXX music?\u201d<\/p>\n
The situation is much worse online. Even Bandlab<\/a> (30 million users) lacks an API for expanding its studio\u2019s capabilities with third-party plugins.<\/p>\n
I\u2019m currently working on an online sequencer that implements its own plugin API. It\u2019s still a long way off from release, but you can try it out now.<\/p>\n
Emulation of Yamaha DX7<\/h4>\n
The Yamaha DX7 is a digital synthesizer released by Yamaha in 1983. It was very popular in the 1980s and, largely due to its low cost and compact size, became one of the best-selling models in synthesizer history — https:\/\/wikipedia.org\/wiki\/Yamaha_DX7<\/a><\/p>\n
The Yamaha DX7 synthesizer uses phase modulation to synthesize instruments. Over the years, thousands of presets have been created for it, ranging from guitars to traditional and futuristic instruments.<\/p>\n
You can see the plugin in action here:<\/p>\n
https:\/\/rutube.ru\/video\/69cec43733da30418e9d56bd5225303c\/<\/a><\/p>\n
<\/div>\n
Due of using of the Web Audio API, the plugin code is much more compact in compare to existing VST implementations.<\/p>\n
The text is too long, so code analysis and sound synthesis in DX7 will be discussed in the second part of the article.<\/p>\n
Original — https:\/\/habr.com\/ru\/articles\/1052640\/<\/a><\/p>\n<\/div>\n
\u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 https:\/\/habr.com\/ru\/articles\/1053484\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Let\u2019s explore the possibilities of sound synthesis in browsers. We\u2019ll explore the basics and, as a practical example, create a Yamaha DX7 synthesizer emulator.Web Audio APIBrowsers allow you to call JavaScript objects to control and create sound. Documentation: https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Web_Audio_APIThe API provides components for creating and modifying audio signals. These components can be connected together, and their properties can be changed on a schedule.Hello World!Let\u2019s look at a simple example, something like the standard \u201cHello World!\u201d for programming languages.Example HTML page code with explanatory comments.<html><button onclick=’start();’>beep<\/button> <!— create a button—><script>function start() {let audioContext = new AudioContext();\/\/create the main objectlet when = audioContext.currentTime + 0.1;\/\/start timelet beep = audioContext.createOscillator();\/\/beep objectbeep.frequency.value = 440;\/\/frequency of note Abeep.connect(audioContext.destination);\/\/send sound to the outputbeep.start(when);\/\/start soundbeep.stop(when + 1);\/\/stop sound after 1 second}<\/script><\/html>Open the page https:\/\/mzxbox.ru\/fmsynth\/beep.html in your browser and listen to the sound signal.Sound envelopeIf you pluck a guitar string or press a piano key, you\u2019ll notice the difference between the natural sound and the computer-generated sound. The key\u2019s sound increases in volume at the moment you press it and gradually fades over time. In synthesizers, this effect is achieved by adjusting the ADSR envelope:More — https:\/\/en.wikipedia.org\/wiki\/ADSRLet\u2019s expand on our previous example and add an envelope. Here\u2019s the component connection diagram:Example code with comments<html><button onclick=’start();’>beep AHDSR<\/button><script>function start() {let audioContext = new AudioContext();\/\/create the main objectlet when = audioContext.currentTime + 0.1;\/\/start timelet beep = audioContext.createOscillator();\/\/beep objectlet envelope = audioContext.createGain();\/\/gain node to set envelope of soundbeep.frequency.value = 440;\/\/\u0447\u0430\u0441\u0442\u043e\u0442\u0430 \u043d\u043e\u0442\u044b \u041b\u044fenvelope.gain.setValueAtTime(0, when);\/\/0 at beginingenvelope.gain.linearRampToValueAtTime(1, when + 0.05);\/\/gradually increase to 1 in 0.5 secenvelope.gain.linearRampToValueAtTime(0.5, when + 0.2);\/\/reduce to 0.5 in 0.2 senvelope.gain.setValueAtTime(0.5, when + 0.99);\/\/setup last volume valueenvelope.gain.linearRampToValueAtTime(0, when + 1);\/\/reduce to 0 at endenvelope.connect(audioContext.destination);\/\/send final sound to outputbeep.connect(envelope);\/\/send beep sound to envelope cahngerbeep.start(when);beep.stop(when + 1);}<\/script><\/html>Open the page https:\/\/mzxbox.ru\/fmsynth\/envelope.html in your browser — the sound will be smooth, louder at the beginning and quieter at the end.Modulation of sound signalAudio modulation is the process of modifying a carrier signal using a modulator signal. More information can be found at: https:\/\/en.wikipedia.org\/wiki\/ModulationAmplitude modulation is a type of modulation in which the variable parameter of the carrier signal is its amplitude.Frequency modulation is a type of analog modulation in which the modulating signal controls the frequency of the carrier wave. Compared to amplitude modulation, the amplitude remains constant.Amplitude modulationSound from a modulator connected to the gain parameter of a node whose input is connected to a carrier:Code example<html><button onclick=’start();’>Amplitude modulation<\/button><script>function start() {let audioContext = new AudioContext();let when = audioContext.currentTime + 0.1;let carrier = audioContext.createOscillator();let modulator = audioContext.createOscillator();let result = audioContext.createGain();let level = audioContext.createGain();carrier.frequency.value = 500;modulator.frequency.value = 4;level.gain.value = 0.5;\/\/reduce to 0.5result.gain.value = 0.5;\/\/shift to 0.5modulator.connect(level);level.connect(result.gain);carrier.connect(result);result.connect(audioContext.destination);carrier.start(when);modulator.start(when);carrier.stop(when + 2);modulator.stop(when + 2);}<\/script><\/html>The generator produces a sine wave signal [-1; +1], but the volume should change as [0; +1] — therefore, additional transformations are required.Open the page to listen to the sound https:\/\/mzxbox.ru\/fmsynth\/amplitude.htmlFrequency modulationConnection mix:Code example<html><button onclick=’start();’>frequency modulation<\/button><script>function start() {let audioContext = new AudioContext();let when = audioContext.currentTime + 0.1;let carrier = audioContext.createOscillator();let modulator = audioContext.createOscillator();let level = audioContext.createGain();modulator.frequency.value = 4;level.gain.value = 200;carrier.frequency.value = 300;carrier.connect(audioContext.destination);level.connect(carrier.frequency);modulator.connect(level);carrier.start(when);modulator.start(when);carrier.stop(when + 2);modulator.stop(when + 2);}<\/script><\/html>Open the page to listen to the sound https:\/\/mzxbox.ru\/fmsynth\/frequency.htmlPhase modulationPhase modulation shifts the phase of a signal, adding overtones and ultimately changing the timbre. For more information, see https:\/\/en.wikipedia.org\/wiki\/Phase_modulationConnection mix:\u041a\u043e\u0434 \u043f\u0440\u0438\u043c\u0435\u0440\u0430<html><button onclick=’start();’>phase modulation<\/button><script>function start() {let audioContext = new AudioContext();let when = audioContext.currentTime + 0.1;let soundFrequency = 500;\/\/frequencylet maxmodulation = 4;let carrier = audioContext.createOscillator();let modulator = audioContext.createOscillator();let level = audioContext.createGain();let phaseDelay = audioContext.createDelay();carrier.frequency.value = soundFrequency;modulator.frequency.value = soundFrequency;level.gain.setValueAtTime(0, when);level.gain.linearRampToValueAtTime(maxmodulation \/ (2 * Math.PI * soundFrequency), when + 2);phaseDelay.delayTime.value = 0.5 \/ soundFrequency;\/\/shift by wave sizemodulator.connect(level);level.connect(phaseDelay.delayTime);carrier.connect(phaseDelay);phaseDelay.connect(audioContext.destination);modulator.start(when);carrier.start(when);modulator.stop(when + 2);carrier.stop(when + 2);}<\/script><\/html>Open the page to listen to the sound https:\/\/mzxbox.ru\/fmsynth\/phase.htmlAudioWorkletThe Web Audio API provides ready-made components for working with audio. Additionally, there\u2019s an AudioWorkletProcessor component that allows you to write your own digital signal processing (DSP) code.More — https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/AudioWorkletProcessorHere is the phase modulation code from the previous example, but using AudioWorkletProcessor.<html><button onclick=’start();’>phase worklet<\/button><script>let phaseWorkletSource = `class PhaseSineAudioWorkletProcessor extends AudioWorkletProcessor {phase = 0;cntr = 0;constructor() {super();}static get parameterDescriptors() {return [{ name: «carrierFrequency», automationRate: «a-rate» }, { name: «modulationLevel», automationRate: «a-rate» }];}readSample(inputs, xx) {let inputSumm = 0;for (let ii = 0; ii < inputs.length; ii++) {let singleInput = inputs[ii];let channelCount = singleInput.length;if (channelCount) {let channelSumm = 0;for (let ch = 0; ch < singleInput.length; ch++) {let singleChannel = singleInput[ch];channelSumm = channelSumm + singleChannel[xx];}inputSumm = inputSumm + channelSumm \/ channelCount;}}return inputSumm;}writeSample(outputs, xx, value) {for (let oo = 0; oo < outputs.length; oo++) {let singleOutput = outputs[oo];for (let ch = 0; ch < singleOutput.length; ch++) {let singleChannel = singleOutput[ch];singleChannel[xx] = value;}}}process(inputs, outputs, parameters) {let outSampleCount = outputs[0][0].length;let frequency = parameters[«carrierFrequency»][0];let modulationLevel = parameters[«modulationLevel»][0];let incrementBySample = Math.PI * 2 * frequency \/ sampleRate;for (let xx = 0; xx < outSampleCount; xx++) {let inputSumm = this.readSample(inputs, xx);let resultValue = Math.sin(this.phase + modulationLevel * inputSumm);this.writeSample(outputs, xx, resultValue);this.phase = this.phase + incrementBySample;if (this.phase >= Math.PI * 2) {this.phase = this.phase — Math.PI * 2;}}return true;}}registerProcessor(«sinePhaseModuleID», PhaseSineAudioWorkletProcessor);`;function loadAudioWorkletCode(audioworkletcode, audioContext, onDone) {let blob = new Blob([audioworkletcode], { type: ‘application\/javascript’ });let reader = new FileReader();reader.onloadend = function () {let blobURL = reader.result;audioContext.audioWorklet.addModule(blobURL).then((vv) => {onDone();});}reader.readAsDataURL(blob);}function start() {let audioContext = new AudioContext();loadAudioWorkletCode(phaseWorkletSource, audioContext, () => {playSound(audioContext);});}function playSound(audioContext) {let when = audioContext.currentTime + 0.1;let soundFrequency = 500;let maxmodulation = 4;let carrier = new AudioWorkletNode(audioContext, ‘sinePhaseModuleID’);let modulatorBeep = audioContext.createOscillator();let volume = audioContext.createGain();volume.gain.value = 0;let descriptors = carrier.parameters;let carrierFrequency = descriptors.get(‘carrierFrequency’);let modulationLevel = descriptors.get(‘modulationLevel’);carrierFrequency.value = soundFrequency;modulatorBeep.frequency.value = soundFrequency;modulationLevel.setValueAtTime(0, when);modulationLevel.linearRampToValueAtTime(maxmodulation, when + 2);volume.connect(audioContext.destination);carrier.connect(volume);modulatorBeep.connect(carrier);modulatorBeep.start(when);volume.gain.setValueAtTime(1, when);volume.gain.setValueAtTime(0, when + 2);}<\/script><\/html>Open the page to listen to the sound https:\/\/mzxbox.ru\/fmsynth\/phaseworklet.htmlAs you can see, the result sounds the same as in the previous…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-485502","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/485502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=485502"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/485502\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=485502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=485502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=485502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}