JavaScriptでリズムシーケンサーを書いた - 音の鳴るブログ
JavaScriptでつくっているサウンドプログラミング用のライブラリ（ timbre ）にいくつかオブジェクトを追加してリズムシーケンサーを書いた。リズムシーケンサーが書けるようになったというよりは、リズムシーケンサーを作るために必要なオブジェクト（タイマーとフィルター）を追加した。あと、インターフェイスを修正したりして最初のデモも読みやすくなったと思う。 001. oscillators http://mohayonao.github.com/timbre/examples/001_oscillators.html 002. rhythm sequencer http://mohayonao.github.com/timbre/examples/002_rhythmsequencer.html このライブラリの最初のアイデアはS式風に音楽を記述するっていうものだったのだけど、昨日の記事
サウンドプログラミング用のJavaScriptライブラリをつくっている - 音の鳴るブログ
アイデア 例えば Cメジャー のコードは ド ミ ソ で構成される。 和音は加算で書けるので、 ド + ミ + ソ これを、lispよろしくこう記述する。 (+ ド ミ ソ) ドっていうのは、 (sin 523.25) みたいな感じで、523Hzのサイン波 みたいな感じ。位相や振幅も指定できるけど省略している。音色は sin でなくて tri とか saw とかでも良いし、サンプリングした音でも良い。 ピアノみたいな減衰音は、 (adsr 0 1000) こう書くとする。ADSRエンベロープで Attack が 0msec、Decay が 1000msec、Sustain と Release は省略。この場合、1000ミリ秒で減衰する。 振幅はかけ算で書けるので、さっきのコードと合わせて書くと (* (+ ド ミ ソ) (adsr 0 1000)) こう書ける。 詳細に書くなら (* (+
HTML5のAudioオブジェクトとJavaScriptで簡易ドラムマシンを作ってみた - 音楽方丈記
HTML5のAudioオブジェクトとJavaScriptで簡易ドラムマシンを作ってみた » 音楽ネタ全般 [編集] 前に書いた 主要ブラウザの HTML5 の Audio 要素の対応状況を調べた記事に続いて、HTML5 Audio ネタ第二弾です。 今回は audio タグで再生ファイルを指定するのではなく、JavaScript で Audio オブジェクトを複数生成したものを速いタイミングで鳴らしてどれくらい反応できるのか見てみようということで、簡単な16ステップのドラムマシンを作ってみました。 すで同じような記事を書かれている方が何人かいるので、二番煎じ(三番…いや五番煎じくらいか)ではありますが今回はとりあえず自力で。 グリッドの間に何かあるように見えるのは錯視です ↓テストページはこちら » HTML5のAudioオブジェクトとJavaScriptで作った簡易ドラムマシン Int
node.js で mac から音が鳴るやつ - 音の鳴るブログ
Web Audio API や Audio Data API を使ってブラウザから音を出したりやっているけど、音を生成する部分だけを確認したいときにいちいちブラウザでページを開くのも億劫だし良くクラッシュするのもだるいので、ターミナルから使えるように node.js のモジュールを書いてみた。 https://github.com/mohayonao/node-macaudio 出来ることは少ない(１つだけ)だけど、その分使い方はシンプル。 var macaudio = require("macaudio"); var node = new macaudio.JavaScriptOutputNode(1024); // bufferSize node.onaudioprocess = function(e) { var L = e.getChannelData(0); var R = e.
grantgalitz/XAudioJS - GitHub
A minimal cross-browser API for writing PCM audio samples: This API was originally conceived as part of the JavaScript GameBoy Color emulator handling audio support for various browsers. Since Firefox 4.0 only had the Mozilla Audio Data API and experimental (at the time) WebKit browsers utilized the Web Audio API, there instantly was a need for abstracting the two APIs. This simple JavaScript libr
Gibber
Here is my latest performance recording; the new Gibber default script is based on tweaks to this performance. It makes extensive use of Karplus-Strong and lots of flanging. It also shows the new verbose constructor syntax for objects, where you can pass any parameter to the constructor by name. There’s still a few objects I have to implement this for… I’m feeling reasonably confident that this is
Patchosaur: Audio, MIDI, and Max/Pd-Style Patching, in a Browser, Because You Can - CDM Create Digital Music
Patchosaur: Audio, MIDI, and Max/Pd-Style Patching, in a Browser, Because You Can If you’re looking to build your own instruments and effects and sequencers and play with patching, you really don’t want this software. No, seriously – while a fascinating, fun tech demo, something like the desktop Pd or Max is probably what you want. (As we saw earlier this week, Pd-extended just got much easier to
Audiolet - JavaScript library for audio synthesis and composition
Audiolet is a JavaScript library for real-time audio synthesis and composition. Audiolet is awesome. It uses graph based routing and has lots of generators and effects and a sample-accurate scheduler and it supports sub-patches and pattern based composition and feedback routing and microtonal tunings and lots of other cool stuff. Audiolet is simple. This is all you need to start making noise: var
Patchosaur by badamson
Max/MSP/puredata-like music patching in the browser download .ZIPdownload .TGZ patchosaur patchosaur is a Max/MSP- and puredata-like patching environment that runs in a browser. It supports audio and MIDI. All of the audio is synthesized in real time in javascript by audiolet. It's a buggy work in progress and not usable yet, but it can do some cool things. on github: https://github.com/badamson/p
JS1k 2012 - Demo 1274 - "Speech Synthesizer"
JS1k 2012 demo — "Speech Synthesizer" by Mathieu 'p01' Henri 1K JavaScript Speech Synthesizer
tQuery API - extensions for three.js
tQuery API : three.js + jQuery Three.js Power + jQuery API Usability tQuery API is a thin library on top of three.js It is an extension system for people to write plugins. To help them share their code and build on top of each other. It mimics jquery api, well know for its usuability. tQuery API aims for "it should not be harder than playing with lego bricks." Download Boilerplate Try it Online Po
良くない - 音の鳴るブログ
http://mohayonao.herokuapp.com/d 時期を逸した感があるけど、ドッドドドリランドのやつにダウンロード機能をつけた。22.05KHz,15秒,ステレオのwavデータが取れる。WebWorkerを使ってバックグラウンドでwavdataを生成して、メインスレッドの側でデータへのリンク href="data:audio/wav;base64,"+btoa(wavdata) をつけているだけ。最初はWorker側で全部のデータをつくってpostMessageしていたけど、分割してpostMessageして最後にメインスレッド側で join するほうが早いっぽい。あと、あまり巨大なデータを処理しようとするとブラウザが死ぬ。どのくらいで死ぬかはたぶん環境によるのだろうけど、よく分からない。 右クリックで保存してくださいって出しているけど、拡張子も指定できないし何か辛い。クリ
mohayonao/otononarumodule - GitHub
README.md音の鳴るモジュール はてなブログで音を鳴らすためのモジュールです. 使い方 GitHubにある otononarumodule.js をDropboxのPublicフォルダに入れる等して読み込めるようにしておく はてなブログ、管理 ＞ デザイン ＞ カスタマイズ ＞ サイドバー ＞ 「＋モジュールを追加」 以下の感じで記述 var sys = otononarumodule.getSoundSystem(); // マウスを動かすと音が鳴るようにする // 1. 音を鳴らすためのオブジェクト(Generator)を生成して var mousenoise = sys.make(otononarumodule.gens.MouseNoise); // 2. sys.play する sys.play(mousenoise); // 3. 不要になったら sys.stop する
Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
mohayonao/pico-player.js - GitHub
simple audio stream interface with Web Audio API, Audio Data API or HTMLAudioElement demo applications Endless Invention / markov Inventionen 13 a-moll with a J.S.Bach interface windmills / windmill interface 24 poly synthesizer (more 74 poly, 3 poly versions) ONE-LINER-ORCHESTRA / algorithmic symphonies with one lines how to use var player = pico.getplayer(); console.log(player.PLAYER_TYPE); cons
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web Audio APIとNode.jsでウェブ楽器作った - aike’s blog
GitHub - jussi-kalliokoski/pcmdata.js: A javascript library to read / write .wav pcm data files
Home
Beatbar - media player that beats in the browser address bar
GitHub - oampo/Audiolet: A JavaScript library for real-time audio synthesis and composition from within the browser