视频的鼓手是一个工具，允许你玩视频/音频片段。我用它玩从YouTube下载的内容。幕后是一个音乐数据表（JSON）所产生的音乐分析软件处理时间。

涉及:

• Arduino电容式传感
• YouTube的DL检索YouTube内容。
• ffmpegMP4到MP3转换。
• 阿门/ echonest音乐数据分析
• 网络音频API在浏览器中的声音
• 新公共管理：连续剧和WebSocket
• Javascript / HTML / CSS的webapp。

这盒子是用硬纸板（6mm）。设计是在草图大师。（文件在附件）
里面的容器是一个Arduino板和布线空间。

设计说明12个按钮：

• 8通过视频/音频部分
• 2开关样品前后
• 2节上/下俯。

每个按钮由6块：

• 三块硬纸板（参见SVG下面）
• 金属挡泥板垫圈
• 回形针
• 一根线

无需焊接与纸紧固件。然而，我的线端焊一排针简化连接和分离的Arduino。

该仪器采用12引脚电容传感。我不能用0 - 1接收/发送因为我需要发送串行。所以：

• 8数字引脚（样触发- 2,3,4,5,6,7,8,9）和
• 4模拟引脚（读作数字14,15,16,17）控制间距和位置。

下面是Arduino的代码。这是相当平直向前。更多信息对电容可以在操场上找到的Arduino。手动展开的环是不必要的，它似乎是足够敏感。

为了建立Arduino和浏览器之间的通信，你需要安装一些东西。我跟着Tom Igoe的后建立通信。它包括安装Node.js和最重要的是一些额外的图书馆。（串口/ WebSocket）

完成后，你应该能够访问您的计算机的串口读数据在浏览器环境。下面是服务器端脚本需要运行（测试。JS）。

执行节点

1. 去端到文件夹（含test.js窗口用户可以去命令提示符）
2. 类型：节点test.js / dev / tty.usbmodem1421（其中/ dev / ..是你想要听的串口）
3. 它应该返回：端口开放。数据率：9600。（见图片）

网络应用程序是用JavaScript写的，使用HTML和CSS。它还使用jQuery，只是因为它比较容易。

评论这里的代码有点难但实质上是这些步骤：

1. 它打开一个WebSocket 2功能连接（opensocket和showdata）启用和Arduino处理通信）
2. 它建立的audiocontext。
3. 它加载一首歌意味着它加载一个MP3（loadtrack），通过分析存储在一个JSON文件（负载分析）在一个列表将所有的酒吧。
4. 然后等待从触发器输入播放一段（8段酒吧酒吧酒吧削减）或改变到下一个或上一个或增加/减少沥青。
5. 播放声音是通过一些网络音频API节点：createbuffersource()存储audiosamples + creategain()音量控制。可以通过调用source.playbackrate.value改变音高
6. 如果播放声音（记住：只有一部分酒吧）也指出前进的MP4文件（文件。queryselector（'video”）。时间= beat.start +刀[关键词]）

下面的代码是运行在一个主机/（负载是异步否则）。我添加了一个JSON文件（分析DJ Qbert宇宙刺客，生成的MP3从ffmpeg和在这种情况下，一个随机的YouTube视频：伟大的时刻：GW Bush）。注意，音频作品的任何视频的时间。：）

您可以添加HTML元素，如选择几个选项，我有更多的音频数据表的版本，但我不知道如果它是一件好事，把音乐视频教学。：）