Страница участника
Зал «Бета»
Принят
Мнение ПК
Александр Инкин на примере невероятных демок и собственного приложения для игры на синтезаторе максимально глубоко расскажет нам о декларативном использовании Web Audio API.
Декларативный Web Audio API
Тезисы
Web Audio представляет собой API, в котором мы создаём ноды для обработки звукового сигнала, соединяем их между собой в граф и затем пускаем через него звук. Web Audio API подходит для самых разных целей: от обработки голоса в реальном времени для подкаста до проведения всевозможных вычислений, преобразований Фурье. Мы можем сделать виртуальный музыкальный инструмент, задействовав Web MIDI API, можем создать свою платформу для написания музыки в браузере. Но императивная натура этого API мешает созданию удобных переиспользуемых блоков, применению в средах вроде веб-компонентов или фреймворков с компонентным подходом (Angular) и в целом работать с ним в чистом виде довольно трудно. Рассмотрим, как легко можно это исправить, изменив подход с императивного на декларативный.
- Введение в Web Audio API.
- Сравнение декларативного и императивного подхода.
- Создание нативных веб-компонентов для обработки звука.
- Написание музыки в браузере.
- Игра вживую в браузере.
- Преимущества использования Web Audio в Angular.
- Другие области применения декларативного подхода.
Видео
Презентация
Подписка на новости
Хотите быть в курсе? Для получения анонсов о новых конференциях, полезных материалах и вдохновения — подписывайтесь на нас!
Нажимая на кнопку «Подписаться», вы соглашаетесь с Политикой обработки персональных данных
Другие доклады секции
-
SymbioWay
Путь в senior'ы через менторство junior'ов
-
Co-actors
Какой Scrum? Я просто хочу код писать!
-
Райффайзен Банк
WebAssembly SPA-фреймворки
-
Секреты Mavo. Решение повседневных задач веб-разработчика без JavaScript
-
EPAM Systems
Сердце Vue-приложения
-
Tinkoff
Как перестать беспокоиться и начать опенсорсить
-
WiseBits
Преломление реальности: динамическая валидация статическими типами
-
Goods
Ликбез по CI/CD для frontend'а на примере GitLab
-
X5 Group
На пути к идеальному стейту и перформансу с Relay Modern
-
Tinkoff
Технологический радар: тенденции, как мы их видим
-
HeadHunter
Icon. Оверинжиниринг или необходимость?
-
Shopify
Using DevTools to understand modern CSS layouts
-
Money Button
From 45 to 85, a performance journey
-
Smashing Magazine
Getting Web Forms Right: From Checkboxes To Dropdowns
-
Яндекс
Страх и ненависть локализации в больших проектах
-
Яндекс
Где я и где конечный автомат?
-
CarGurus
Accessibility-flavored React components make your design system delicious!
-
Designing Adaptive Components (beyond responsive breakpoints)
-
Beeline Казахстан
Frontend Security 2020: о чем вы хотели бы забыть, но не можете
-
Skyeng
Делаем корпоративный суперапп на базе Slack и Node.js
-
Avaloq
Потанцуем?
-
Google
Core Web Vitals — what are they and why do they matter?