Тип работы:
Предмет:
Язык работы:


Создание веб-ресурса с аудиовизуальной инсталляцией

Работа №76095

Тип работы

Бакалаврская работа

Предмет

информатика

Объем работы56
Год сдачи2017
Стоимость4750 руб.
ПУБЛИКУЕТСЯ ВПЕРВЫЕ
Просмотрено
35
Не подходит работа?

Узнай цену на написание


ОПРЕДЕЛЕНИЯ
ВВЕДЕНИЕ
1. КРАТКИЙ ЭКСКУРС В ИСТОРИЮ ЦВЕТОМУЗЫКИ
2. ОБЗОР ПРОГРАММНЫХ СРЕДСТВ, ИСПОЛЬЗОВАННЫХ В ПРОЦЕССЕ
РАЗРАБОТКИ
3. ПОДХОДЫ К ВИЗУАЛИЗАЦИИ ЗВУКА НА ОСНОВЕ АНАЛИЗА ЧАСТОТ
4. ОПИСАНИЕ ПРОЦЕССА РАБОТЫ
ПРОГРАММЫ-ВИЗУАЛИЗАТОРА
5. ВЫБОР И НАСТРОЙКА ПЛАТФОРМЫ ДЛЯ РАЗМЕЩЕНИЯ ВЕБ-РЕСУРСА
6. ПЕРСПЕКТИВЫ РАЗВИТИЯ
ЗАКЛЮЧЕНИЕ
СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ
ПРИЛОЖЕНИЯ



Проблема визуализации звука по праву может называться классической. Свои силы к созданию модели соотношения звуковой и визуальной информации прилагали выдающиеся умы своих лет, такие как Ньютон, Скрябин и другие. Однако, единая система представления аудиовизуальной информации, которая бы использовалась повсеместно, так и не была создана. До недавнего времени можно было выделить два подхода к процессу визуализации.
При первом подходе композитор самостоятельно пишет цветовую партитуру для своего музыкального произведения, основываясь на собственных представлениях о сочетании звука и музыки. Самым известным примером использования такого подхода является музыкальная поэма «Прометей» Александра Николаевича Скрябина, созданная благодаря его подверженности такому нейрологическому феномену как синестезия. Второй подход предполагает соблюдение формального соответствия мелодией, тональностей, гармонией и цветом. То есть, выстраивается некая математическая модель, которая описывает закономерности визуального отображения музыки. Примером реализации могут служить работы Валентина Владимировича Афанасьева, которые основаны на разработанной им же системе функциональных соотношений цветов и звуков.
Однако, вместе с развитием вычислительной техники, появился и новый, третий подход, основанный на компьютерном анализе звукового потока. Используя его, можно получить информацию о частотных характеристиках звука и перепадах громкости, чтобы в дальнейшем использовать эти данные для визуализации.
Использование третьего подхода представляет возможность визуализации в реальном времени, реализуемую посредством алгоритмического метода. Это поистине инновационная методика, поскольку раньше для создания визуализации была необходима подготовка для каждого отдельного музыкального произведения, требовавшая подбора сочетаний цвета и музыки вручную. Теперь же появляется возможность один создать программу, которая будет заниматься визуализацией, и применять её для каждого музыкального произведения.
Более того, такой подход можно развить и дальше, разместив данную программу в Интернете и сделав доступной для широкого числа пользователей. Таким образом, мы вплотную подошли к цели данной работы - созданию веб¬ресурса, посвящённому визуализации звука средствами браузера. Для реализации этого проекта были поставлены следующие задачи:
• Поиск и изучение программных стандартов, необходимых для визуализации звука средствами браузера.
• Анализ программных библиотек, призванных упростить процесс разработки.
• Краткий обзор истории и подходов к визуализации звука.
• Создание веб-ресурса с интерактивным визуализатором.
• Наполнение веб-ресурса обучающими текстовыми материалами.
• Оптимизация процесса визуализации.
В результате проведённой работы создан веб-ресурс, имеющий как материалы теоретического характера, призванные осветить технический аспект создания визуализатора, базирующегося в браузере, так и практического, представляющие интерактивный конструктор средств визуализации.


Возникли сложности?

Нужна помощь преподавателя?

Помощь в написании работ!


По итогам проделанной работы, были выполнены все поставленные в начале выпускной квалификационной работы задачи, а именно:
• Изучены программные стандарты, требующиеся для создания веб-ресурса с аудио-визуальной инсталляцией.
• Проанализированы программные библиотеки, призванные упростить процесс разработки.
• Проведён краткий обзор истории визуализации звука.
• Создан и заполнен обучающими материалами веб-ресурс, посвящённый визуализации звука средствами браузера.
• Проведена оптимизация алгоритмов визуализации.
Результаты теоретических изысканий были успешно применены для создания практического проекта.



1. Гоше, Х. Д. HTML5 для профессионалов / Х. Д. Гоше . - 2-е изд. - СПб.:
Питер, 2015. - 560 с.: ил. - (Серия «Для профессионалов»).
2. Smus, Boris Web Audio API: Advanced Sound for Games and Interactive Apps / Boris Smus. - O'Reilly Media, 2013. - 76 c.: ил.
3. Web Audio API W3C Working Draft 08 December 2015 [Электронный ресурс] / www.w3.org - URL: https://www.w3.org/TR/webaudio/ (дата обращения 04.05.2017).
4. Getting Started with Web Audio API [Электронный ресурс] / www.html5rocks.com - URL: https://www.html5rocks.com/en/tutorials/ webaudio/intro/ (дата обращения 04.05.2017).
5. Web Audio API [Электронный ресурс] / developer.mozilla.org - URL: https://developer.mozilla.org/ru/docs/Web/API/Web Audio API (дата обращения 04.05.2017).
6. Web Audio API - новые возможности генерации, обработки и объемного распределения звука в браузере. [Электронный ресурс] / html5.by - URL: http://html5.by/blog/audio/ (дата обращения 04.05.2017).
7. Exploring the HTML5 Web Audio: visualizing sound [Электронный ресурс] / www.smartjava.org - URL: http://www.smartj ava.org/content/exploring- html5-web-audio-visualizing-sound (дата обращения 04.05.2017).
8. Start using Web Audio with Pizzicatojs [Электронный ресурс] / https:// codepen.io - URL: https://codepen.io/gregh/post/start-using-the-web-audio- with-pizzicato-js (дата обращения 04.05.2017).
9. Particlesjs: Introduction [Электронный ресурс] / https://code.tutsplus.com -
URL: https://code.tutsplus.com/tutorials/particles-js-introduction--cms-26285 (дата обращения 04.05.2017).
10. Reading files in JavaScript using File APIs [Электронный ресурс] / https:// www.html5rocks.com - URL: https://www.html5rocks.com/en/tutorials/file/ dndfiles/ (дата обращения 04.05.2017).
11. Improving HTML5 Canvas Performance [Электронный ресурс] / https:// www.html5rocks.com - URL: https://www.html5rocks.com/en/tutorials/ canvas/performance/ (дата обращения 04.05.2017).
12. Хромосемантика музыки [Электронный ресурс] / http://www.ka2.ru - URL: http://www.ka2.ru/nauka/chenikov 3.html (дата обращения 04.05.2017).


Работу высылаем на протяжении 30 минут после оплаты.



Подобные работы


©2025 Cервис помощи студентам в выполнении работ