メディア - 音楽の記事一覧
wasgen - Web Audio用のサウンドを生成するライブラリ
Web Audio APIを使いこなせば音楽を奏でられることは分かっています。しかしWeb Audio APIはかなりローレベルなので、音を奏でるために必要な実装をすべてやらなければなりません。単純なビープ音であればまだしも、音楽として聞かせられるレベルではないでしょう。そこで使ってみたいのがwasgenです。Web ...
WAVE.js/WAVE.wasm.js - 音楽ファイルをWeb上で自在に操作
Webブラウザで音楽を奏でる場合にはWebAudioがよく使われます。ローレベルなAPIなので、使いこなすのは時間がかかるかも知れません。それでも多くのライブラリが作られており、それらを使うことで、より簡易的に音楽ファイルなどを操作できるようになっています。今回紹介するWAVE.js/WAVE.wasm.jsもその一つ...
1Keys - 1KBのWebピアノ
なるべく小さいコード量で何ができるのか、そんなチャレンジをしたことがあるでしょうか。長いコードを書けば実現できるのは分かっていても、コード量の縛りを設けることで、よりロジックに頭を悩ませたり、新しいアイディアが必要になったりします。今回紹介するのは1KBでできたJavaScriptのピアノです。小さいながらもちゃんと演...
React Guitar - ギターのコード表示と音の確認ができるReactコンポーネント
コロナ禍にあって、自宅で過ごす時間が長くなっている中、新しい趣味を見つけている人が大勢います。そんな中にはギターなどの楽器をはじめてみたという人もいるのではないでしょうか。ハイレベルなものではなく、趣味としてはじめてみるのはよさそうです。そんなギターの練習としてReact Guitarを使ってみてください。いわゆるギタ...
NicoFlick - ミクフリッククローンなリズムゲーム
流れてくるサウンドに合わせてパッドをタップする、いわゆるリズムゲーム（音ゲー）は人気の高いジャンルです。手を使うもの、専用の入力デバイスを使うもの、足を使うものなど多彩な遊び方があります。今回紹介するNicoFlickは音ゲーの一種ですが、フリック入力を使うのが特徴です。## NicoFlickの使い方音楽を選択します...
SVGuitar - SVGでギターコードを表示
ギターはコードを覚えて弾き方をマスターしていきます。今はオンライン上にもたくさんのギターコードがアップロードされています。しかし、表示形式が特殊なので、画像でできているものが殆どです。画像の場合、別なコードを作成したり、修正するのも面倒です。そこで使ってみたいのがSVGuitarです。## SVGuitarの使い方左側...
Ballast - macOSのサウンドに潜む不具合を補正
macOSで音を出力していて、左右のバランスが不調になったことはないでしょうか。これはmacOSのバグであり、CPUに負荷がかかっている時に音量ボタンを押すと発生するようです。また、左側で充電するとCPU負荷が高くなるという問題もあります。そうした問題に対して対応するユーティリティがBallastです。特定の問題ではあ...
Background Music - 特定のアプリを実行したら音楽を止める
オンラインで会議を行うのが当たり前になってくると、これまでになかったトラブルに繋がることがあります。上半身だけ洋服を着ていてWebカメラにあられもない姿を見せてしまうのもそうですし、音楽を聴いていて突然の会議に出席すると、思わず趣味がばれたりします。そうしたトラブルを防止するのもまたテクノロジーです。今回は音楽を自動的...
YTMDesktop - YouTube Liveをデスクトップで楽しむ
Google Musicが終了し、YouTube Musicに統合されると発表されています。動画のCMもなくなるので、使っている人は多いのではないでしょうか。SpotifyやApple Music、Amazon Musicのようなライバルがある中、どこが抜きんでるでしょうか。今回紹介するYTMDesktopはYouTu...
AudioPlayers - Flutter製の音楽アプリ
Flutterを使うことで、AndroidとiOS、さらにWebアプリケーションを同時に開発できるようになっています。現在、様々なアプリがFlutterで実装されはじめており、今後の盛り上がりが期待できます。今回はFlutterで音楽アプリを実装したAudioPlayersを紹介します。様々な音の奏で方に対応しています...
Audio DSL - AudioWorkletを手軽に扱えるDSL
Web AudioはWebブラウザ上で音楽を扱えるAPIですが、処理をメインスレッドで行う必要があります。それに対してAudioWorkletはオーディオ処理に特化したWorkerで、バックグラウンドで音声処理が可能になります。しかしオーディオ自体の処理は複雑なイメージがあります。そうした処理をDSLでシンプルにしてく...
Youka - 好きなの音楽動画をカラオケ風に
カラオケといえば日本の文化ともいえますが、海外でもとても人気です。カラオケボックスのようにあらかじめ楽曲が用意されているところにいくのも良いですが、あまりマニアックな曲はなかったりします。これでは歌えなくて残念です。そこで使ってみたいのがYoukaです。任意の音楽をカラオケにしてくれる、そんなソフトウェアです。## Y...
TuneIn - 新しい音楽と出会える音楽プレイヤー
20年以上昔はCD屋にいって探し回ることで新しい楽曲との出会いがありました。今はYouTubeなどで探すこともできますが、レコメンドエンジンは類似したものを紹介するので、自分ではまったく知らなかった音楽と出会うことは多くないように感じます。そこで使ってみたいのがTuneInです。新しい音楽を見つけられる、そんなWebサ...
Quiet.js - 音を使ってデータを送受信
コンピュータから別なコンピュータに情報を伝える際には何か使うでしょうか。物理（USBメモリなど）とネットワークでいえば、最近はネットワーク利用が多いでしょう。そのネットワークにはインターネット、LAN、Bluetoothなど多彩な選択肢があります。今回紹介するQuiet.jsは物理でもネットワークもありません。なんと音...
Drum Machine in Excel - Excelをドラムマシーン化！
Excelというソフトウェアほど懐の深いソフトウェアはないのではないか、そんな思いに駆られます。普通の人たちは表計算ソフトウェアとして使いますが、ある人はデータベース、ある人は帳票、さらにゲームなど幅広く活用されています。今回紹介するのはまた変態的なExcelの使い方です。名前をDrum Machine in Exce...
Web Radio Visualizer - Webラジオを音源としたビジュアライザー
オーディオのビジュアライザーをずっと見ていても飽きないという人は多いでしょう。ただ音楽を流すだけでなく、可視化することで別な楽しさが生まれます。そのため、幾つものパターンが作られています。今回紹介するWeb Radio VisualizerはWebラジオを音源としたビジュアライザーです。## Web Radio Vis...
SOUNDSCAPE - WebAudioを使って音楽を自動生成
BGMを必要とした時、その著作権は注意が必要です。下手に使うと後で某団体から請求が来るかも知れません。フリーな音楽を使えばそういった心配はありませんが、探すのが大変です。そこで使ってみたいのがSOUNDSCAPEです。Webブラウザ上で動的に音楽を生成します。## SOUNDSCAPEの使い方音が出ないのが残念ですが、...
Celody - 音楽をフォーク、マージするマッシュアッププラットフォーム
Web APIを組み合わせて新しい作品を作る、マッシュアップという言葉は元々は音楽用語です。つまりクラブなどでかかる音楽のようなアレンジ、マッシュアップは音楽業界が本流でさえあります。今回紹介するCelodyは音楽をWebブラウザ上でフォークし、カスタマイズできるサービスです。## Celodyの使い方様々な楽曲を再生...
Black Candy - 自分で立てる音楽ストリーミングサーバ
音楽ファイルは意外と大きく、大量の音楽ファイルをローカルに入れているとストレージを逼迫してしまいます。また、複数人で音楽を共有したい時には別途メディアサーバを立てたりするでしょう。そこで使ってみたいのがBlack Candyです。自分で立てる音楽ストリーミングサーバです。## Black Candyの使い方アクセスした...
Beatnik - 音楽ストリーミングサービスの楽曲リンクを生成
音楽のサブスクリプションサービスが増えています。これらのサービスを優良で使っている場合、好きな音楽を好きなデバイスで聴けるようになります。そうした音楽を紹介したいと思っても、他の人は別なサービスを使っていると面倒です。そこで使ってみたいのがBeatnikです。様々な音楽サービスに対応したリンクを生成してくれます。## ...