【React / GLSL】音の波形をGLSLで色々表現する

前回 React + GLSL で音声波形の表示ができたので、どんなふうに描画するのがいいかいくつか試してみました。

今回は基本的に GLSL のコードサンプルになります。

続きを読む 【React / GLSL】音の波形をGLSLで色々表現する

【React / GLSL】音の波形を canvas に描画する

canvas の描画を動画にして保存したり、 動画に音を付けたりしました。

応用すると音と画像から新しい動画を作れるようになる。

まずは、音を元に canvas を書き換えてみます。

続きを読む 【React / GLSL】音の波形を canvas に描画する

「ドドソソララソ」でwavを作れるWEBツール

なんとなく頭の中にワンフレーズ浮かんだときに、カタカナで打ち込んだ音を鳴らしたり保存したりするツールを作りました。

 

DTMは無料でも素晴らしいものが多くありますがインストールから少し敷居が高い感じがありますし、ちょっと使うだけでもしばらく練習がいります。

手軽に使えるように機能を絞ってシンプルにしつつ、個人的にやりたいことを詰め込んだ感じです。オタマジャクシが一切現れないピアノツール。

続きを読む 「ドドソソララソ」でwavを作れるWEBツール

Web Audio APIで作った音をwavで保存する

Web Audio APIで作った音を保存したい。

前回作ったピアノ音をブラウザで wav 形式に保存することを考えます。

 

Web Audio API の記事は思ったより少なくマイクなどからの録音関係の内容ばかりだったので、手探りで進めていきます。

マイク録音をする記事ですが「ブラウザで録音してwavで保存」のコードをメインで参考にしています。

続きを読む Web Audio APIで作った音をwavで保存する

Web Audio APIでピアノを鳴らす

音楽素人でも思い付きで簡単なメロディーを作れたらなぁと思い、ちょっと Web API でどんなことが出来るか試します。

https://developer.mozilla.org/ja/docs/Web/API/Web_Audio_API

 

正直できることが多すぎて何していいか困りますが、とりあえず1曲鳴らすまで。

続きを読む Web Audio APIでピアノを鳴らす

【AIきりたん】初心者でもNEUTRINOでNSF法を試す

音関係に疎い人間がNEUTRINO(AIきりたん)を使って歌を作る記事の第3弾。

NEUTRINONSF法を使った音声合成ができるとのことで試してみます。

NSF法はニューラルソースフィルタモデルを使った手法で高速に高品質な音声を合成できる方法みたいです。理屈はともかく早速試そう。

最終的な聞き比べは最後にあります。

続きを読む 【AIきりたん】初心者でもNEUTRINOでNSF法を試す

【AIきりたん】初心者でもNEUTRINOで調声してみる

前回AIきりたんにつられて挑戦を行ったNEUTRINO。

今回はもう少し踏み込んで調声してみます。

続きを読む 【AIきりたん】初心者でもNEUTRINOで調声してみる

【AIきりたん】初心者でもNEUTRINOで歌を作りたい

最近よく聞くAIきりたん。

簡単といってもどうせ音楽系技能がないと使えないんだろうと思いつつも何とかならんのかという内容です。

楽譜が読めないレベルの人間の挑戦。

続きを読む 【AIきりたん】初心者でもNEUTRINOで歌を作りたい

為替レートを読み上げるサービスが欲しい

為替レートを定期的に読み上げるサービスが欲しいんだけど見つからなかった。ないものはしかたがないので自作してみる。

node.jsで作るのが個人的に一番楽だろうけど、今後のWEBサービスにつながるかもしれないからHTMLベースで作ってみる。

続きを読む 為替レートを読み上げるサービスが欲しい