Y. Gagarin and Web Audio API from Yandex
Congratulations to all on Cosmonautics Day!
Yandex posted an interactive audio recording of the flight of Y. Gagarin. To start, open https://www.yandex.ru/ and click on the image to the left of the search field. This beautiful page will open:
')
Direct link to the page .
Consider what it consists of:
- Script code can be found here .
As you can see, the main part consists of a negotiation transcript which is displayed in the text at the top of the page.
A graphic photograph of the equalizer is displayed near the photo of Y. Gagarin. Judging by the code, the image is created using the AnalyzerNode , which receives an audio stream as input and produces an FFT table.
Separate sound files are loaded into AudioBufferSourceNode and connected as you move along the scale (or you can poke the mouse with a certain mark).
Presumably everything should work on the desktop and in mobile browsers, except for IE, of course.
Most likely, without Web Audio, it would be much more difficult to make such a conclusion and visualize the sound.
PS
In FireFox, the developer’s tools have a separate tab for displaying Web Audio nodes:
Yandex posted an interactive audio recording of the flight of Y. Gagarin. To start, open https://www.yandex.ru/ and click on the image to the left of the search field. This beautiful page will open:
')
Direct link to the page .
Consider what it consists of:
- Script code can be found here .
As you can see, the main part consists of a negotiation transcript which is displayed in the text at the top of the page.
A graphic photograph of the equalizer is displayed near the photo of Y. Gagarin. Judging by the code, the image is created using the AnalyzerNode , which receives an audio stream as input and produces an FFT table.
Separate sound files are loaded into AudioBufferSourceNode and connected as you move along the scale (or you can poke the mouse with a certain mark).
Presumably everything should work on the desktop and in mobile browsers, except for IE, of course.
Most likely, without Web Audio, it would be much more difficult to make such a conclusion and visualize the sound.
PS
In FireFox, the developer’s tools have a separate tab for displaying Web Audio nodes:
Source: https://habr.com/ru/post/281420/
All Articles