audiovisualcoding

これをやるのに必要なのはこれだけ、が欲しかったプログラミング初心者による覚え書き

2021-01-01から1年間の記事一覧

【JavaScript】指定の範囲の値を、別の範囲に置き換えたい(再マッピングしたい)とき

【実践したいこと】 何を:ある範囲(たとえば0~7)の値を、別の範囲(たとえば-1~1)の値に置き換えたい。 Pure DataのスライダーやMax/MSPのscaleオブジェクトのような操作が欲しかった。 【ソース】 ▾main.js function mapping (value, minIn, maxIn, minOu…

Web Audio API 前知識:音声処理のために知っておくべき仕組みと用語

Webページ上で音声処理 (サウンドエンジニアリング) をするには、Web Audio APIというJavaScript APIを利用することになる。 この記事では、Web Audio APIを使ったサウンドエンジニアリングを行うにあたって知っておくべき仕組みや用語をまとめておきたい。 …

【JavaScript】Webページ上で画像や映像をトリミングしたいとき

【実践したいこと】 何を:画像または映像を読み込み、その一部分だけを切り取る(トリミングする)まで (今回は、Webカメラから取得した映像(以下の記事を参照)を使う) 。 どこで:Webページ上 audiovisualcoding.hatenablog.com 【前提知識】 HTML属性とDOM…

【JavaScript】Webページ上でWebカメラの映像を使いたいとき

【実践したいこと】 何を:ユーザのWebカメラやマイクから、映像・音声(今回は映像のみ)を取得して再生するまで どこで:Webページ上 【前提知識】 HTML属性とDOMプロパティ Promise 【ソース】 ▾index.html <html> <body> <div id="videoWrap"></div> <script src="main.js"></script> </body> </html> ▾main.js // 1-i HTMLVideoElementオブジ…