ドラッグ＆ドロップで動画を読み込み、Web Audio API と Canvas で加工しながら再生する - 音の鳴るブログ
ちょっとやろうと思ったことがあって、確認と練習がてら色々試したら表題にあるとおりの動画プレイヤーができたので、どんな感じでやるのかを簡単に書きます。 こういう感じのものが出来ます。 Glitched Movie Player 1. ドラッグ＆ドロップで動画を読み込む $(window).on 'dragover', -> false $(window).on 'drop', (e)-> file = e.originalEvent.dataTransfer.files[0] video = document.createElement 'video' $(video).on 'loadeddata', -> video.muted = true video.play() video.type = file.type video.src = URL.createObjectURL file
Multimedia Troubleshooting | HTML5 Doctor
While I was researching HTML5 multimedia-related topics for my book, HTML5 Multimedia: Develop and Design, I noticed a number people struggling to get HTML5 audio and video working in different scenarios. From Twitter to Stack Overflow, the same questions kept cropping up, so I’ve put together a list of the most common problems (and some not so common) and their solutions (if there is one!). In mo
人のウェブシンセのコードにコメントをつけた - 音の鳴るブログ
だるくてコードを書く気がしないので、コピペですまそうとg200kgさんのファミコン音源(2A03)のコードを見てみたら凄く簡潔で（GUIの制御部分込みで約600行）わかりやすかったので、コメントをつけたらJavaScriptでの信号処理の教科書的なものになるのではないかと思ってコメントをつけてみた。 けっこう頑張ってコメントをつけたので、1時間もあれば十分に理解できると思います。 https://gist.github.com/3094681 ファミコン音源(2A03)の仕様をすべて再現しているわけではないけど、非常にシンプルに作られている優れものです。2A03の仕様はここが詳しい。 オススメの読む順番 897行目 Init / 最初に呼ばれるやつ 230行目 AudioIf / オーディオインターフェイス 423行目 Osc / オシレーター 681行目 App / アプリケーション 6
音を出すプログラムを書く時に参考にしている本とか - 音の鳴るブログ
Kyoto.pm町家ハッカソンの懇親会のときに id:hitode909 に音を出すプログラムを書くときに参考にしている本について聞かれた。だいたいネットの情報で済ませているのでネットで済ませていると答えたのだけど、本屋に行くとすぐに本を買ってしまう癖があって、持ってはいるので書きます。下にいくほどプログラムと関係なくなっていきます。ほとんど読んでいないです。適当に列挙してみたら思ったより多かった。 C言語ではじめる音のプログラミング http://www.amazon.co.jp/dp/4274206505 ディレイとかコーラスとかのエフェクター本。プログラムが書いてあるので分かりやすい。でもwavファイルを読み込んで加工して書き出すみたいな感じなのでリアルタイムに連続的に入力を加工したいときは工夫が必要。アルゴリズムは低速な感じ。 C/C++によるディジタル信号処理入門 http://
お客様の中にWebシンセプログラマはいらっしゃいませんか | g200kg Music & Software
そろそろWebベースのシンセサイザーもなんとか作れる環境が整いつつあるのですが、今のところはまだ、音源部とシーケンサー部をまとめてクローズドなアプリにするしかありません。今後を考えるとここをどうするかが課題です。 やはり複数の楽器を同期運転したいですよね！！ Web楽器のurlを指定してプラグインのように使う、というのができればなあ・・・ という事でまじめに考えて見た。 HTML5のpostMessageでクロスドメインの連携ができますので、ここにMIDIメッセージをのせてホストからWebシンセに送ります。パフォーマンスの問題もあるので今のところはやりとりするのはMIDIのみとして、音の出口はとりあえずそれぞれのWebシンセが WebAudioAPIなりを叩いて勝手に出します。 postMessageで送れるのは文字列のみなのでこんな感じのフォーマットにします。 "midi,90,3c,6
私がお客様の中のWebシンセプログラマです - 音の鳴るブログ
WebModular の g200kgさんがMIDIメッセージを介してウェブ楽器を連携させるという面白いことを考えてくれたので早起きして便乗しました。 お客様の中にWebシンセプログラマはいらっしゃいませんか http://www.g200kg.com/archives/2012/06/web-1.html 仕組みはとても簡単で window.postMessage で MIDIメッセージ（この音を出して下さいとか止めて下さいという信号）を送る。送られた側は処理して音を出す。これだけです。 これの何が便利なのかというと、インターフェイスと音源が完全に分離できるので、めちゃくちゃ凄いシーケンサーを誰かが書いて音を出すのは別の人の書いたコードを使うとか、あたり一面に様々なシンセサイザーに囲まれて演奏するみたいなことができる。 僕も timbre.js という音を出すライブラリを作っているので対
- WebModular | g200kg Music & Software
: サイト内検索 トップ 製品 KnobMan 偏ったDTM用語辞典 過去記事一覧 ソフトウェア/VST WebMusic その他 g200kg > WebModular 2017/01/02WebModular « Prev WebModular Next » Tweet Japanese | English HTML5+Javascriptで書いたモジュラーシンセサイザーです。 Javascriptのソフトシンセでリアルタイムに音を合成しています。 FirefoxまたはChromeでアクセスする事をおすすめします。 InternetExplorer/Opera/Safari などのWebAudioAPI/AudioDataAPIをサポートしていないブラウザでは JavascriptとFlashを組み合わせて音を出すテストをしています。これらのブラウザで音を出すには 「Flashプラグイ
FLAC.js, Aurora, and the Future of Web Audio
Badass JavaScriptA showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett. I don’t often toot my own horn on this blog, but I thought this was worth a mention. Over at Official.fm Labs, we just released FLAC.js our JavaScript FLAC audio decoder, and Aurora.js, our framework to make building JS audio decoders easier. Check out our blog post over t
Androidで写真を撮って、それを音データに変換し、スピーカーで再生すると同時にマイクで録音し、もう一度、画像に戻してみる、それを一連にやってくれるアプリです。 - 閉村観光
出来上がる写真はこんな感じです。レナさんです。 所謂、現実フィルタというものをやってみたつもりです。 実際、もう少しはっきりした写真で、周りの音に反応してフィルタが、、、という展開を期待したのですが。 (追記 「マイクやスピーカーで20Hz以下の周波数がカットされるから周波数が高い部分しか写真に表示されないんだ」と。なるほど。そうなるとあれか、、、。) ただまあAndroidを振ったりすると歪みが出たりはしますが。 動機 アラブの春の時にエジプト政府がインターネットを遮断したことがありました。するとtwitterとgoogleが電話を使ったサービスを開始します。電話口から写真を音に変えて送れるなと思ったわけです。あれ、そうだったかな。ただただ平安を祈るばかりです。このアプリは44100Hzなんで電話では使えないけど。 改善 そもそもカメラアプリの作り方がわかっていないので修業が必要。 ナイ
GitHub - jsantell/dancer.js: high-level audio API, designed to make sweet visualizations
dancer.js dancer.js is a high-level audio API, usable with both Mozilla's Audio Data API and Web Audio API with flash fallback, designed to make sweet visualizations. http://jsantell.github.com/dancer.js v0.4.0 (2/2/2014) Features Use real-time audio waveform and frequency data and map it to any arbitrary visualization Use Dancer to get audio data from any preexisting audio source Leverage kick de
Beats Drum Machine
is a command-line drum machine. Feed it a song notated in YAML, and it will produce a precision-milled *.wav file of impeccable timing and feel. Here is an example song: Song: Tempo: 105 Flow: - Verse: x4 - Chorus: x4 Kit: - bass: house_2_1.wav - snare: roland_tr_909_2.wav - hihat: house_2_5.wav - cowbell: big_beat_5.wav - deep: house_2_2.wav Verse: - bass: X..X...X..X..... - snare: ....X.......X.
ノイズキャンセリングを駆使して設計されたレストラン
レストランで、騒音に負けないように叫ぶ必要がなくなりました。 ライブと即興演奏で有名なロックバンド、フィッシュ（Phish）の元マネージャー、ジョン・ポールスカ（John Paluska）さんは現在レストランのマネージャーをしています。彼がMeyer社と組んで新しくオープンさせたのがノイズキャンセリング技術を駆使したレストランです。 メキシコ料理レストランComalは、スピーカー、マイク、iPad、音を減衰させる板を組み合わせて、すっごくうるさくも、すっごく静かにも、レストランを思いのままの音量の音で満たすことができるようにしました。ザ・サンフランシスコ・クロニクル紙によると、このシステムは反射音をコントロールしていて｢静かすぎる｣と感じたら周囲の雑音がより聞こえるようにし、｢騒がしすぎる｣と感じたら音が聞こえないように調節するのだそうです。 システムを実現するために、123個のスピーカー
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bangarang Boomerang
立ち上げて2秒で録音！ 無料版でも制限時間なしの『Easy Voice Recorder』 | ライフハッカー・ジャパン
http://labs.official.fm/codecs/
Music for TV, Video & Advertising | Audio Network UK
【藤本健のDigital Audio Laboratory】 第514回:DTMに新たな進化。複数Webブラウザで演奏/同期
https://dl.dropbox.com/u/264798/dev/rf/recursion_funk.html
優れたサウンドの秘術 · Feature ⟋ RA
