Monty Python Mouth - Как анимировать положение челюсти синхронно c со звуком - PullRequest
0 голосов
/ 20 июня 2020

Изобразите мультфильм Монти Python, изображающий Бога, обращающегося к королю Артуру из облаков в Святом Граале (см. https://youtu.be/Bj4ax1BRPqo?t=20).

Как я могу достичь аналогичный эффект в Javascript, перемещение челюсти по оси y (изображение .png челюсти, наложенное поверх фонового изображения лица) на основе изменения амплитуды звука, исходящего из микрофона или аудиофайла? Чем громче звук, тем ниже положение челюсти; чем тише звук, тем челюсть возвращается в более закрытое положение (более высокое y или «верхнее» положение).

Я видел демонстрацию аудио контекста / веб-аудио API визуализации сигналов с использованием элемента, но мне кажется, что перемещение положения изображения было бы еще проще (по крайней мере, для тех, кто знаком с API, чего я еще не являюсь).

Может ли кто-нибудь направить меня к учебному пособию или дать какие-то рекомендации по началу работы в этом направлении? (Я несколько хорошо разбираюсь в ныне несуществующем ActionScript, но изменился с ie до Javascript).

Очень признателен! "

...