Оглавление:

Воспроизведение MP3 Sound FX Wall: 12 шагов (с изображениями)
Воспроизведение MP3 Sound FX Wall: 12 шагов (с изображениями)

Видео: Воспроизведение MP3 Sound FX Wall: 12 шагов (с изображениями)

Видео: Воспроизведение MP3 Sound FX Wall: 12 шагов (с изображениями)
Видео: JavaScript | Аудио визуализация + исходники 2024, Ноябрь
Anonim
Воспроизведение MP3 Sound FX Wall
Воспроизведение MP3 Sound FX Wall
Воспроизведение MP3 Sound FX Wall
Воспроизведение MP3 Sound FX Wall

Создайте забавную и интерактивную звуковую стену, которая воспроизводит Mp3 простым прикосновением!

Что делать с пустой стеной? Вы могли бы добавить к нему несколько красивых картинок? Или накройте его разноцветным домашним растением. Мы даже видели, как некоторые люди прячут голые стены за книжными шкафами. Несмотря на то, что все эти варианты действительны, мы хотели сделать что-то более интересное для посетителей нашего офиса, поэтому мы разработали эту глупую звуковую стену.

В этом проекте используется плата Crazy Circuits Invention Board для создания емкостной сенсорной стены, которая активирует недорогой модуль MP3-плеера. В целом этот подход довольно прост и может быть преобразован в различные форматы. Для нашего дисплея мы решили использовать чистую проводящую краску, чтобы сделать наш дизайн постоянным, однако вам не нужно использовать краску, если вы хотите большей гибкости.

Это задание отлично подходит для школы, музея или библиотеки, где звуковые эффекты могут быть привязаны к учебным целям или новой графике. Это также неплохо в качестве забавного проекта игровой комнаты, если у вас есть маленький ребенок, который постоянно хочет слышать новые песни Диснея каждую неделю. Если у вас нет детей, вы всегда можете разместить логотипы ваших любимых спортивных команд, которые исполняют свои музыкальные темы, изображения из классических фильмов и предложить им сыграть моменты, которые можно цитировать, или сделайте то, что мы сделали, и разместите значки классических видеоигр со звуком в стиле ретро. эффекты. Все, что плывет на вашей лодке.

Если вам нравится этот проект и вы хотите увидеть других, подпишитесь на нас в Instagram, Facebook, Twitter или Youtube! Или просто ознакомьтесь с нашими наборами и расходными материалами на BrownDogGadgets.com.

Запасы

Для этого проекта будет полезно иметь некоторые общие принадлежности для рисования. На более позднем этапе мы собираемся показать, как избежать одновременного вырезания краски и трафарета, поэтому не беспокойтесь, если у вас не будет этих материалов.

* Brown Dog Gadgets действительно продает комплекты, детали и компоненты. Вам ни в коем случае не нужно покупать эти предметы у нас, и вы можете завершить этот проект без наших вещей. Мы просто надеемся, что вы это сделаете.

Электроника

Доска изобретений Crazy Circuits

2 x чип с винтовыми клеммами Crazy Circuits

1/8-дюймовая нейлоновая лента для изготовления нейлоновых лент (вам, вероятно, понадобится как минимум две из них)

Mp3 модуль

Карта Micro SD (любая старая карта Micro SD будет работать, поскольку звуковые файлы, которые мы используем, будут небольшими)

Ленточный кабель между мужчинами и женщинами

Активные динамики (возможно, они есть у вас дома, в противном случае купите дешевые USB-динамики или даже одну из этих динамиков в стиле «гамбургер».)

Двойной USB-адаптер переменного тока (для питания платы Invention Board и дешевых USB-динамиков, к которым мы подключались)

Вам также понадобится несколько LEGO, чтобы установить на них детали Crazy Circuits.

Принадлежности для рисования и трафаретов:

Голая проводящая краска (хотя она вам и не понадобится, в зависимости от того, как ее построить)

Прозрачная аэрозольная краска

Cameo Silhouette или другой резак для бумаги (подойдет даже лазерный резак)

Лента для художников

Уровень

Кисти

Дополнительно: немного легкого клея, чтобы упростить нанесение трафаретов.

Шаг 1: планирование вашего проекта

Image
Image

Прежде чем начать сборку этого проекта, попробуйте посмотреть наше видео сборки выше, чтобы понять, как идет процесс. Это краткий обзор того, как мы создали нашу версию с токопроводящей краской, демонстрирующий как хорошие, так и плохие стороны этого процесса.

Заблаговременное планирование избавит вас от многих разочарований и поможет создать долгосрочный и увлекательный проект. Задайте себе следующие вопросы:

1) Мне нужна постоянная установка, которая никогда не меняется?

2) Хочу ли я гибкости в моей графике, например, в цвете?

3) Насколько полезен этот проект?

4) Насколько портативным я хочу это?

Покрасить:

Если вы ищете то, что никогда не меняется. Всегда. Тогда использование токопроводящей краски, вероятно, станет для вас лучшим решением. Он справится с множеством злоупотреблений, красиво выглядит и довольно прост в установке. Обратной стороной является то, что вы никогда не сможете его изменить, и вам, вероятно, лучше приклеить его к стене.

Виниловые вырезы:

Как вы увидите в нашем разделе кода, вы можете немного повысить чувствительность этого проекта. Положив виниловый вырез или даже вырез из бумаги поверх проводящей ленты, вы получите то, что легко изменить, когда захотите. Для дополнительной чувствительности поместите небольшую каплю токопроводящей краски на концах линий ленты. Обратной стороной является то, что он не сможет справиться с постоянным насилием (в долгосрочной перспективе) в школе или библиотеке. Наилучший вариант использования для этого - дома или в классе, где вы хотите время от времени менять картинки.

Портативный проект / рабочая станция

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

Шаг 2: построение вашей схемы

Создание вашей схемы
Создание вашей схемы
Создание вашей схемы
Создание вашей схемы

Компоненты Crazy Circuits совместимы с LEGO, а это значит, что очень легко создать монтажную пластину для проекта, используя несколько деталей LEGO.

Используйте несколько плоских тарелок и разложите кусочки. Нам нужно подключить две винтовые клеммы к плате изобретений, чтобы подключить ленточные кабели. Одна винтовая клемма должна подключаться к положительному отверстию 5 В, а также к отрицательному отверстию на плате, другая винтовая клемма должна подключаться к контактам 9 и 10.

Для этих соединений мы используем нейлоновую проводящую ленту Maker Tape толщиной 1/8 дюйма.

После этого прикрутите штыревые стороны ленточных кабелей. Подключите контакт 9 к TX и контакт 10 к RX на модуле Mp3. Положительные и отрицательные переходы соответствуют положительным и отрицательным контактам на модуле Mp3.

Почему мы используем плату Crazy Circuits Invention Board, а не дешевую Arduino Nano MakeyMakey? Плата Invention Board использует в своей основе Teensy LC со встроенным емкостным сенсорным управлением, чего нет в Nano. Это означает, что вы можете просто «коснуться» точки и активировать доску. Если бы мы использовали Nano, мы бы коснулись не только точки, но и нашего тела, касающегося «заземления». Это не очень элегантно и также лишает возможности активировать точку касания ЧЕРЕЗ винил или бумагу.

Шаг 3: Дизайн и вырезка трафаретов

Дизайн и вырезка трафаретов
Дизайн и вырезка трафаретов
Дизайн и вырезка трафаретов
Дизайн и вырезка трафаретов

Мы использовали силуэт Cameo для создания простых бумажных трафаретов для нашего проекта. Вы также можете сделать что-то подобное вручную или с помощью лазерного резака. Если вы так склонны, вы также можете купить трафареты на Amazon или Etsy.

В то время как бумажные трафареты отлично работали для нескольких наших изображений, они оказались трудными с нашим более сложным Space Invader. Нам действительно стоило нанести на обратную сторону легкий клей, чтобы трафарет полностью приклеился к стене. Более разумным вариантом было бы просто сделать виниловый трафарет.

Если вы не планируете наносить на стену рисунки из проводящей краски, вы можете просто проигнорировать этот шаг.

Шаг 4: Измерьте, выровняйте и закрасьте

Измерьте, выровняйте и раскрасьте
Измерьте, выровняйте и раскрасьте
Измерьте, выровняйте и раскрасьте
Измерьте, выровняйте и раскрасьте
Измерьте, выровняйте и раскрасьте
Измерьте, выровняйте и раскрасьте

Перед покраской убедитесь, что вы отмеряли все на расстояние, а затем проверьте, чтобы все было ровно. Нет ничего более раздражающего, чем одно изображение, расположенное чуть выше других, особенно когда оно нарисовано на стене.

Как только все будет на месте, попробуйте свои силы в покраске!

С непрозрачной проводящей краской может быть непросто работать. Он легко размазывается и довольно густой. Один из приемов, который вы можете попробовать, - это добавить в него очень небольшое количество воды, чтобы разбавить его.

Убедитесь, что вы наносите ровный слой и не толстеете, иначе вам придется часами ждать, пока он высохнет.

После того, как вы покрасили, вы можете удалить трафареты. Если вы хотите подкрасить, подождите, пока краска не высохнет.

НЕ пытайтесь протирать вещи влажной тряпкой или бумажным полотенцем, вы просто размажете краску повсюду. Лучше взять стены того же цвета и закрасить их.

Шаг 5: Установите печатную плату и добавьте ленту

Установите печатную плату и добавьте ленту
Установите печатную плату и добавьте ленту
Установите печатную плату и добавьте ленту
Установите печатную плату и добавьте ленту
Установите печатную плату и добавьте ленту
Установите печатную плату и добавьте ленту
Установите печатную плату и добавьте ленту
Установите печатную плату и добавьте ленту

Так как у нас в мастерской есть лазерный резак, мы вырезали небольшую монтажную пластину, которую можно было прикрепить к стене. Также довольно просто использовать двусторонний скотч и приклеить пластину LEGO к стене. Мы использовали самоклеящийся велко на тот случай, если нам когда-нибудь понадобится переместить монтажную пластину или что-то изменить.

Убедитесь, что контакты 15–23 указывают на графику, так как именно там находится большинство точек касания. (7 из девяти точек касания находятся на той стороне, еще две - напротив)

Мы решили установить нашу плату на уровне пояса с правой стороны нашей графики, чтобы нам было легче получить доступ к источнику питания, и установили наши динамики на торцевом столе. Если у вас есть маленькие дети, вы можете легко установить его высоко или низко.

Протяните 1/8-дюймовую ленту Maker Tape от вашей графики до соответствующей булавки на доске изобретений. Убедитесь, что лента перекрывает проводящую краску как минимум на дюйм. Когда вы подключаете его к контакту (медный кружок) платы изобретений, убедитесь, что лента не касается других контактов. Хотя мы понятия не имеем, как далеко мы можем успешно запустить ленту для этого проекта, мы все же проложили нашу как минимум на шесть футов до самого дальнего графического объекта.

Поскольку у нас всего четыре графических изображения, мы решили использовать все остальные Пины, чтобы не скучивать. Если мы когда-нибудь захотим добавить больше графики, мы всегда сможем переставить нашу ленту. Maker Tape чрезвычайно прочен и проводит ток с обеих сторон, что означает, что вы можете легко удалить часть, а затем перевязать ее другим куском ленты.

Примечание. Чтобы облегчить себе жизнь, купите дешевые динамики с питанием от USB и гнездом для наушников, а затем купите 2-портовый настенный USB-адаптер. Подключите динамики и плату изобретений к этому адаптеру. Точно так же, если вы устанавливаете что-то высоко на стене, используйте один удлинительный кабель USB и дешевый разветвитель / концентратор USB для питания как платы Invention Board, так и динамиков.

Шаг 6: ретушь и прозрачное покрытие

Ретушь и прозрачное пальто
Ретушь и прозрачное пальто
Ретушь и прозрачное пальто
Ретушь и прозрачное пальто
Ретушь и прозрачное пальто
Ретушь и прозрачное пальто
Ретушь и прозрачное пальто
Ретушь и прозрачное пальто

Как только краска высохнет, подкрасьте все.

Для нас это было покрытие проводящей ленты на нашей графике большим количеством краски, а также использование краской цвета стен, чтобы исправить несколько ошибок в нашей графике.

Как только ретуши высохнут, используйте немного прозрачной аэрозольной краски, чтобы закрепить проводящую краску.

Одним из основных преимуществ Bare Conductive Paint является то, что она хорошо растворяется в воде и легко очищается, однако, если у вас есть влага на пальцах, вы также растопите уже высохшую краску. Эту проблему решает прозрачный слой аэрозольной краски. Поскольку в этом проекте мы используем емкостное прикосновение, нам фактически не нужно прикасаться к самой краске, чтобы наше тело установило электрический контакт с цепью.

Несколько лет назад мы сделали небольшое емкостное сенсорное пианино, которое брали с собой на образовательные выставки. Тысячи людей прикоснулись к ней и сыграли в нее без каких-либо проблем или серьезного износа. Время от времени мы добавляли к нему новый слой аэрозольной краски на всякий случай.

Шаг 7: изменение кода

Изменение кода
Изменение кода

Щелкните эту ссылку, чтобы загрузить ZIP-файл с нашим кодом, ресурсами и тестовыми звуковыми файлами.

Если эта ссылка не работает, потому что мы, вероятно, что-то обновили и забыли обновить эту ссылку, попробуйте файлы в нашем репозитории GitHub. На момент написания этого руководства наш код и файлы имеют версию 1.0.

В общем, менять в нем ничего не надо. Код довольно простой. Коснитесь точки Touch Point, и она воспроизведет аудиофайл с присвоенным номером.

Две настройки, которые вы можете и можете захотеть изменить:

1) Продолжительность ожидания между входами.

В строках 23–31 вы можете изменить время ожидания каждого вывода перед принятием нового ввода. Например, если вы хотите иметь возможность очень быстро нажимать точку касания снова и снова и снова запускать звуковой файл при каждом нажатии, измените продолжительность на 0,5 секунды.

Для остальных из нас просто оставьте этот параметр в диапазоне 3-5 секунд (или измените каждый из них индивидуально, чтобы он соответствовал длине звукового файла). Таким образом, люди не могут супер-нажимать на ваши звуковые эффекты, но могут легко активировать новую Touch Point, если им надоест длинный звуковой эффект.

2) Чувствительность емкостного прикосновения

В строке 53 вы можете изменить это число, чтобы увеличить или уменьшить функцию емкостного касания. Если вы увеличиваете число, чувствительность УМЕНЬШАЕТСЯ, если вы уменьшаете число, чувствительность УВЕЛИЧИВАЕТСЯ. Повышенная чувствительность означает, что вы можете (вероятно) активировать точку касания на расстоянии нескольких дюймов.

Мы сохраняем нашу чувствительность на уровне 2 000. Это означает, что люди должны физически контактировать с краской на стене и не активируют ее случайным образом, проходя мимо. Даже при такой низкой чувствительности мы все еще можем активировать Touch Point через лист бумаги или винила.

Шаг 8: загрузка кода

Код загрузки
Код загрузки

Загрузите бесплатное программное обеспечение Arduino, если у вас его еще нет.

Поскольку мы используем Teensy LC внутри платы по изобретениям, вам также необходимо загрузить некоторые дополнительные файлы ресурсов для этой платы. Вы можете бесплатно скачать их на сайте PJRC. (Пользователи Mac OS 10.15 должны загрузить модифицированную версию полной IDE Arduino с веб-сайта PJRC, на котором есть встроенные файлы ресурсов. Единственным недостатком этого является то, что это большой файл.)

Выберите Teensy LC в качестве Arduino в программном обеспечении и загрузите. (Пользователи Mac OS 10.15 также должны будут выбрать порт, на котором находится Teensy LC.)

Шаг 9: Загрузка файлов на SD-карту

Загрузка файлов на SD-карту
Загрузка файлов на SD-карту

Мы настроили все так, чтобы определенные контакты были связаны с определенными папками. Измените файл в этой папке, когда захотите новый звуковой эффект. Например, контакт 15 назначен папке 01, контакт 16 - папке 02, контакт 17 - папке 03 и так далее. (Если вы когда-нибудь забудете, все это изложено в коде.)

Пользователи Windows:

Отформатируйте карту micro SD в FAT. Создайте на карточке папки номер 01-09. Перетащите файлы mp3 или wave в каждую из этих папок. Вставьте карту micro SD в модуль MP3.

Пользователь Mac OS:

Откройте Disc Utility и отформатируйте карту micro SD как (MS DOS) FAT. Создайте папки на карточке с номерами 01-09. Перетащите свои mp3 или волновые файлы в эту папку.

Теперь по какой-то причине Mac OS создает небольшие невидимые файлы, которые портят модуль mp3, поэтому мы создали обходной путь. Загрузите этот сценарий, который мы написали (названный DotClean), и вставьте его на SD-карту. Выделите все папки (с музыкальными файлами) и перетащите их на значок сценария. Это удалит невидимые файлы. Вам придется делать это каждый раз, когда вы меняете звуковые файлы, поэтому, вероятно, будет полезно сохранить сценарий на SD-карте.

Шаг 10: Тестирование и устранение неполадок

Image
Image
Тестирование и устранение неполадок
Тестирование и устранение неполадок

Вставьте карту micro SD в модуль mp3, подключите динамик и подключите Invention Board.

ОСТАНАВЛИВАТЬСЯ! Прежде чем касаться чего-либо, подождите, пока не загорится маленький светодиод на плате изобретений. Код имеет пятисекундную «калибровку» емкостного касания, которая выполняется каждый раз при включении. Как только светодиод загорится, все готово.

Без звука

Ваш динамик подключен, и громкость увеличена? Это ошибка, которую мы совершали раньше.

Дважды проверьте, что ваша SD-карта вставлена. (И вы загрузили звуковые файлы, не так ли?)

Проверьте соединения платы MP3 с платой Invention Board. Когда вы касаетесь точки касания, маленький светодиод на модуле MP3-плеера начинает мигать, указывая на то, что он воспроизводит звуковой файл. Если он не мигает, это означает, что он не получает инструкций от Совета по изобретениям.

Попробуйте провести пальцами по булавкам на доске изобретений. Возможно, калибровка не удалась.

Вы можете использовать только файлы.mp3 и.wav, остальные не будут воспроизводиться.

Вы ребенок или маленький человек? У вашего тела может не хватить массы для активации Touch Point. Увеличьте чувствительность для лучших результатов.

Слишком много звука

Если звуковые файлы постоянно воспроизводятся, измените чувствительность и временные задержки.

Воспроизводятся неверные файлы (особенно в Mac OS)

Вы не использовали сценарий для очистки невидимых файлов.

Подключены ли ваши ленточные провода к нужным контактам?

Вы использовали нумерованные папки? Попробуйте изменить имена файлов в папках на числа.

Код не загружается

Убедитесь, что вы скачали плагин Teensy для Arduino IDE.

Убедитесь, что выбран Teensy LC.

Вздох … убедитесь, что ваш Arduino подключен к вашему компьютеру.

Шаг 11: Использование виниловых наклеек вместо краски

Image
Image
Использование виниловых наклеек вместо краски
Использование виниловых наклеек вместо краски
Использование виниловых наклеек вместо краски
Использование виниловых наклеек вместо краски
Использование виниловых наклеек вместо краски
Использование виниловых наклеек вместо краски

Если у вас есть резак для винила, такой как Silhouette Cameo, вы также можете дать себе возможность быстро и легко менять графику. В качестве большого бонуса вы также можете сделать винил различных цветов или купить переделанные виниловые наклейки на Amazon и Etsy.

Когда вы захотите сделать, это протяните ленту, чтобы установить точки на стене, выровненные и выровненные. Используйте листы бумаги в качестве держателей для размещения всего.

Затем отрежьте несколько 1-2-дюймовых кусков ленты Maker Tape. Сделайте простой рисунок звездочки, наложив ленту внахлест на конечную точку вашей основной ленты. Это обеспечивает большую площадь поверхности для точки касания.

Положите виниловые наклейки или даже вырезки из бумаги поверх этих звездочек.

В качестве альтернативы вы также можете сделать небольшие круги проводящей краски в конце линий краски или даже использовать квадрат алюминиевой ленты (просто убедитесь, что Maker Tape идет поверх алюминиевой ленты, так как нижняя часть алюминиевой ленты не закрывается. способствует).

После того, как ваша графика будет на месте, вам, возможно, придется немного поиграть с емкостной чувствительностью к касанию в коде, чтобы создать надежный интерфейс. Имейте в виду, что у детей небольшая масса тела, и они могут не так легко активировать точки касания при более низкой чувствительности.

Шаг 12: другие идеи для развлечения

Другие идеи для развлечения
Другие идеи для развлечения
Другие идеи для развлечения
Другие идеи для развлечения

Этот проект легко масштабируется вверх и вниз. Создайте большой рисунок на стене с помощью проводящей краски или используйте хромированные кубики LEGO, чтобы сделать небольшую доску звуковых эффектов для детей. Все довольно просто.

Поскольку наш Maker Tape подходит практически ко всему, вы можете сделать звуковую плату на стекле полностью из ленты. Может быть, забавный макет печатной платы, вдохновленный Троном, с надписью "Программа приветствия!" когда вы прикоснетесь к нему.

Вы также можете попробовать сделать из него носимое устройство! Добавление ленты Maker на рубашку или куртку, которая воспроизводит звуковые эффекты при прикосновении к определенным ее частям. Или, не дай бог, настоящий рабочий галстук для фортепьяно.

Conductive Dough от Squishy Circuits также может создать приятный трехмерный сенсорный интерфейс, с которым можно поиграть.

Пока конечные точки ваших ленточных линий также являются проводящими и изолированными от других точек соприкосновения, пределом является небо. Если бы вы действительно хотели развлечься, вы даже могли бы использовать ЛЮДЕЙ в качестве точек соприкосновения. Тогда каждая полученная «пятерка» активирует звуковой эффект!

Инструментальный конкурс
Инструментальный конкурс
Инструментальный конкурс
Инструментальный конкурс

Финалист в конкурсе инструментов

Рекомендуемые: