音を操るWeb技術 - Web Audio API入門 - ICS MEDIA
Webにおける表現はどんどん進化しています。Webサイトには当然のように動画が埋め込まれるようになり、CSSやSVG、canvasでのさまざまな表現が頻繁に見られるようになりました。さらにAR、VRといった表現も台頭し筆者も毎日ワクワクしながらインターネットの海を泳いでいます。 その中であまりメジャーではないと感じるのは「音」による表現です。もちろん音を用いた素晴らしいWebサイトはたくさんありますが、環境の制約が視覚表現以上に大きいため多くは見られないのでしょう。 とはいえ、音と視覚表現を組み合わせることによって表現できる世界観、インタラクション、その他諸々は計り知れないと筆者は思っています。今後オーディオなどの技術の進歩によって上記で述べた制約も乗り越えられるようになるかもしれません。時代を先どりしたい読者に向けて、今回の記事ではWebで音を扱う技術Web Audio APIについてお
Reactでシンセサイザーを作った話 - Speee DEVELOPER BLOG
こんにちは、nishayaです。 管理部のエンジニアとして、社内向けのシステムを作ったり、 社内で開催されるイベントでコーヒーを淹れたりしています。 社内向けだからこそできる冒険もある、ということで、 現在はReact/Reduxを用いたSPA開発を行っています。 今回のSpeeeKaigi(下記の記事を参照)では、 ReactとReduxを使ってシンセサイザーを作る話をしました。 tech.speee.jp 発表資料 使用したもの React Redux Web MIDI API Web Audio API Web MIDI APIを使用しているため、今回のターゲットブラウザはGoogle Chromeのみとしました。 そのため、webkit プレフィクス付きのAudioContextにも対応していません。 モチベーション 業務でSPA開発にReact/Reduxを使用するという決定をし
Web Audio APIを使ってブラウザで音楽や音声にエフェクトをかけられるツールを作りました。 - Qiita
ブラウザで本格的なサウンドプログラミングが可能になるWeb Audio APIを使って、リアルタイムで音声にフィルタを掛けられるツールを作りました。コードを書くことなくマウスで操作するだけで、好きな動画や音楽にエコーを掛けたりフィルタを掛けたり、MP3ファイルへとエンコードしたりと、いろいろな実験ができます。Web Audio APIやサウンドプログラミングの入門教材にもどうぞ。Web Audio APIは使ってみると楽しいAPIです。以下のURLで実際にブラウザ上で実行することができます。 (追記: BitbucketとGithubの両方に設置してありますが、気まぐれにアップデートしているので両者の内容が異なる場合があります。だいたいはBitbucketに置いてある方が新しいです。ただし、ChromeではHTTPSで接続しないとUser Mediaを使うことができないため、パソコンのマイ
Web Audio API+AngularJS
var request = new XMLHttpRequest(); request.open('GET', myURL, true); request.responseType = 'arraybuffer'; request.onload = requestLoad; request.send(); function requestLoad() { // yay, finally done loading _audioContext.decodeAudioData(request.response, doneDecoding); } function doneDecoding(buffer) { // yay, finally done decoding playBuffer(buffer); } function playBuffer(buffer) { var bufferSou
Web Audio API用のMMLイベントシーケンサー wamml です - 音の鳴るブログ
2014.08.20 名前を変更しました。 wamml => MMLEmitter Web Audio API用のMMLイベントシーケンサーを作りました。 MMLEmitter- GitHub MMLEmitter - online playground 概要 音楽プログラムを大雑把に説明すると 楽器 (音色) 譜面 (音程とタイミング) の二つの要素を解決するプログラムと言えます。MMLEmitter はこの 譜面 の部分のみを解決するライブラリです。AudioContext と MML を引数にシーケンサーを生成して起動すると、MML に記述したタイミングでイベントが発火するので、そこで音を出す処理を行います。Web Audio API 依存なので今のところ(サポートされないかぎり) IE では動作しません。あ、MML というのは楽譜を文字列で表現するための記法です。 MML - Mu
ルービックキューブを回転させることで、思いがけないTR-808のドラム・パターンを作り出すことができるWebアプリ、「808 Cube」
昨日（2014年5月19日）、開発から40周年を迎えた立方体パズル・ゲーム、ルービックキューブ。それを祝して（？）、「808 Cube」というWebアプリが公開されています。 CSS 3DとWeb Audio APIを用いて開発されたという「808 Cube」は、ルービックキューブの構造を活かして、ドラム・パターンのランダマイズが行えるWebアプリ。その名のとおり、発音するドラム・サウンドにはローランド TR-808のサンプルが使われています。 「808 Cube」の各面（全6面）には、それぞれ異なるドラム・サウンド（キック、スネア、ハイハット、シンバル、カウベル、パーカッション）が割り当てられ、また中央のブロックをクリックすることで、音色のバリエーションを選ぶことが可能になっています。そして各面の中央のブロックを除いた周囲のブロック（計8ブロック）は、時計回りに回るシーケンスになっており
VSTプラグイン作家のためのWeb Audio API入門 〜 adelayの作成 - aike’s blog
全国100人くらいのVSTプラグイン作家の方こんばんは。今日は皆さんおなじみのadelayのウェブブラウザバージョンを作ってみたいと思います。最近のウェブブラウザはAudio APIが急速に充実してきて簡単に音声信号処理ができるようになってきました。 adelayといえばVST 2.X SDKのサンプルコードとして大変なじみ深く、こんなシンプルなコードであのディレイが作れてしまうのかというインパクトもあり、プラグイン作家であればアルゴリズムをそらで暗唱できるくらい体に染み付いているかと思います。（←大げさ） 一方、Web Audio APIで用意されているDelayNodeは単に入力信号を遅延させて再生するものでDry/Wetのバランス設定やFeedbackもありません。ディレイプログラムはGainNodeなどと組み合わせて作ることが想定されているものと思いますが入門者が学習するにはちょっ
evil という音楽アプリを作った - マルシテイア
http://evil.gmork.in/ fand/evil · GitHub 何これ ブラウザでシンセサイザー、サンプラー 作曲、演奏、公開できる Google Chromeのみ対応 追加予定の機能 オートメーション機能 オートメーションあると、できることめっちゃ広がる エフェクト追加 俺が使いたいのでやります 歪みの種類増やす、フィルター、フェイザーとか ログイン機能 ログインして、ユーザが自分の曲の編集とか、プレイリスト作ったりできると便利そう バグや要望は@amagitakayosiまで 待ってる 参考 音素材 Beat Production - Download Free Sound Kits, Drum Samples, Loops, SoundFonts, VST Plugins and more H3000 Reverberation Impulse Response P
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
