Lmst

Определение bpm (beats per minute) в браузере

Когда-то я занимался спортивными парными танцами. Часто на тренировках была необходимость узнать темп (или скорость, если немного подушнить насчёт терминов) играющего трека, который измеряется в «ударах в минуту» ( beats per minute , bpm ) Спортсмены используют для этого разные сайты/приложения, где нужно пальцем «протапать» ритм. Я и сам таким пользовался, но однажды я задался вопросом — смогу ли я сделать браузерный сервис, который сможет определять bpm из записанного через микрофон аудио Эта статья как раз о том, как я его сделал Я не буду вдаваться в тонкости реализации непосредственно UI: у меня уже был на момент начала разработки пет-проект на React, и сервис я решил делать на базе него.

https://habr.com/ru/articles/904542/

#bpm #микрофон_в_браузере #AudioContext #AudioWorklet #анализ

4'33" (as performed by your browser)
https://5013.es/toys/433/

With several players to choose from, you'll never get tired of listening to their performances of John Cage's 4'33" in your browser.

Some background here: https://5013.es/p/10/

With thanks to @darius and @jenn for the spark of inspiration like 10 years ago 😃

#webaudio #webworkers #audioworklet #music #javascript #audio

Screenshot of 4'33" website, showing several boxes with audio players and their features. A play button and a time element are available on each player. The time starts at 00:00:00

#audioworklet The music emulator coder Jürgen Wothke have tried out the modern AudioWorklet infrastructure, which should run faster. If you have a "slow" device, can you check if it runs better than the previous V2M player?