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

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

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

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

#ios17 introduced a new JavaScript bug for anyone using the createMediaElementSource method on AudioContext. I've had to disable visualisations on my website so just to avoid anyone else chasing their tails on why their audio/video JavaScript cleverness has stopped working on new devices: https://bugs.webkit.org/show_bug.cgi?id=261668

#javascript #webkit #bug #audio #audiocontext #createmediaelementsource

I'm still trying to figure out the rules for #audioContext on the iPhone 14. I have all this code that has worked for years on different systems and browsers. It looks like, if you grab an audioContext "too soon" you can't resume it? And that keeps #MediaRecorder from working? It's not making sense to me.