はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

この記事は WebAudio Web MIDI API Advent Calendar 2016 の9日目です。 目的はズバリこれです。 「ノブとかスライダをチャチャっと実装しちゃう」 操作子であるノブ、スライダ、スイッチ、鍵盤は特にWeb Audio/MIDIを使ったアプリの視覚的出来を左右します。でも1から実装するのはけっこう大変なんです。画像を用意して、ロジックを作ってみたいなところ。画像なんかは回転を表現するのに「影」が重要なんですけど、これも結構骨が折れるんです。 そこで、チャチャッと実装ができるWebAudio-Controlsをご紹介します。 Web的に使う技術やライブラリ Polymer(Web Components) デモアプリ WebAudio-Controls Live Demo ノブ、スライダ、スイッチが可動になっています。試してみてください🙂 実装してみよう 「

この記事は WebAudio/WebMIDI API Advent Calendar 2017 Advent Calendar 2017の25日目です。 TL;DR この記事はChromiumのWeb AudioのコミッタであるSoftware EngineerのHongchan Choiが書いた**Enter AudioWorklet**の記事の邦訳です。 (This is the Japanese version of 'Enter AudioWorklet' of Google Developers.) 前書き Chrome 64（実験的フラグ付きではあるものの）で待ち望まれていたWeb Audioの新しい機能AudioWorkletが利用可能になります。この記事ではJavaScriptでカスタムのAudio処理を作つことを首を長くして待っていた開発者へAPIのコンセプトと使い方の紹

この記事は WebAudio Web MIDI API Advent Calendar 2016 の3日目です。 目的はズバリこれ。 「音源のプログラムはさほど気にせずに楽器アプリを作れるようにしたい」 Web Audio APIは12月2日にmohayonaoさんがおっしゃている通りで「少しばかりは音楽プログラミングの知識が必要」なのです。でも、そこを何とかチャチャッと仕上げたいですよね。そこでシンセサイザーの音源部分をブラックボックス化しました。 音源部分をブラックボックス化？ シンセサイザーの音源部分とは、指定された音階を鳴らす部分を指しています。今回はアナログ音源ではなくて、一般的に販売されているシンセサイザーが採用している方式であるPCM（Pulse-code Modurationの略、簡単に具体的に言うならば、例えばWaveデータ）を使う部分をブラックボックス化しました。 よっ

HTML5 Advent Calendar 2015 12月4日のエントリーです。同時に takoratta さんがIncrementsさんにJoinされた記念に Qiita に初投稿することにしました。 内容は 「Node.js は使わずに JavaScript で簡単に Arduino を動かす」というものです Arduinoって何？ 「ハードウェアの回路作るのって難しいじゃん。だからプログラムでいろいろ制御しちゃっおうよ」ってノリのワンボード・マイコンです。 最近話題になったRaspberry Piの小さいのと同じようなやつです。 「Lチカ」という儀式をする まずこういうワンボード・マイコン買ったらしますよね「Lチカ（LEDを光らせる）」。そして満足して初期不良でないことを確認して箱に戻す、みたいな、、、。僕がまさにこのパターンで、初期不良がないことを確認してから1年以上放置して大事