メディア - 音楽の記事一覧
Aural Player - Winampにインスパイアされた音楽プレイヤーです。
コンピュータで作業中に音楽を聴いている方は多いはずです。最近ではスマートフォンを使っている方もいますが、PCに入っている大量の音楽をソースにしている方も多いでしょう。そんな方に使ってみて欲しいのがAural Playerです。Winampにインスパイアされた音楽プレイヤーです。## Aural Playerの使い方メイ...
Loud Links - インタラクティブに音楽再生
Webサイトをよりインタラクティブに、訪問者に楽しんでもらいたいと思うならばユーザの行動に注目しましょう。ただボタンを押しただけでは面白くありません。そこで注目したいのが音です。Webサイトを訪問した途端に音楽が流れるのは嫌われますが、ユーザイベントに連動したものであれば嫌がられないかも知れません。使ってみたいのがLo...
musicvideo-generator - ミュージックビデオを自動生成
音楽は耳で楽しむものですが、ミュージックビデオのように目でも楽しめます。ビジュアライザーのように格好良く可視化されていたり、アルバムアートなどが表示されることでさらに魅力的になります。そんなミュージックビデオを自動生成してくれるのがmusicvideo-generatorです。## musicvideo-generat...
聞々ハヤえもん - 音楽を自由にチューニング
音楽を聴くのは好きですか。仕事をしながら、通勤通学中、お風呂、寝る前…様々な場面で様々な音楽を聴くことでしょう。多くは販売されている音楽をそのまま聴いているのではないでしょうか。もっと音楽を楽しむために使ってみたいのが聞々ハヤえもんです。テンポや周波数を変えて、全く違う音楽として楽しめます。## 聞々ハヤえもんの使い方...
Web Audio Synth V2 - Web上でシンセサイザーを操作
HTML5によって新しく追加された技術にWeb Audioがあります。その名の通り、Web上で音楽を奏でるためのAPIですが、利用が難しいものとなっています。だからこそ使いこなすと凄いソフトウェアができます。今回紹介するWeb Audio Synth V2はまさにWeb Audioを使い、シンセサイザーを作り上げてしま...
2017/07/08
音楽を作る、遊べるソフトウェアを紹介
Web上で音楽ファイルを再生するソフトウェアはたくさん存在します。しかし、よりクリエイティブな人は自分で音楽を作りたいと考えるのではないでしょうか。ローカルコンピュータ上では音楽を奏でられるソフトウェアが幾つかありますが、Webブラウザ向けには多くありません。今回はそうした中で、特にHTML5/JavaScriptを使...
Rythm.js - 音楽/音声に合わせてアニメーション
Webは基本的に静的なものです。アニメーションを使うこともできますが、何度も繰り返したり、マウスクリックのタイミングでアニメーションが実行される程度です。よりインタラクティブ性が欲しいと思ったことはないでしょうか。そこで紹介したいのがRythm.jsです。なんと音声に反応するアニメーションライブラリです。## Ryth...
Playlister - YouTube動画でプレイリストを作成&共有
YouTube上にはたくさんの音楽動画が揃っています。殆どのアーティストがMVをYouTube上にアップし、新譜も期間限定でアップロードします。音楽だけよりは若干使い勝手が悪いですが、高速なインターネットがある環境であれば十分でしょう。そんなYouTube上の音楽をプレイリスト化し、みんなでシェアできるのがPlayli...
mediacenterjs - Webベースのメディアセンター
使ってみると意外と便利なのがメディアセンターです。ローカルやネットワーク内にある動画、音楽ファイルなどを一箇所で管理でき、スマートフォンなどから操作して音楽や映画を楽しめるようになります。そんなメディアセンターをWebベースで提供するのがmediacenterjsです。## mediacenterjsの使い方セットアッ...
Music DNA - 音楽のDNAを可視化するプレイヤー
音楽プレーヤーは音楽の再生さえできれば良いのでしょうか。もちろん基本はそうでしょうが、それであればOS標準の音楽プレイヤーで十分になってしまいます。もっと自分の好きな音楽を様々な側面から楽しめるといいものです。今回紹介するMusic DNAはAndroid用の音楽プレイヤーですが、DNAと呼ばれるビジュアライズが特徴で...
Google Play Music Desktop Player - 非公式Google Play Musicデスクトップクライアント
Androidユーザの方はGoogle Play Musicを利用している人が多いのではないでしょうか。Spotrify、Apple Music、Amazonミュージックなど多くのライバルがおり、熱い市場と言えます。そんなGoogle Play Musicをデスクトップから手軽に聴けるようにしてくれる専用クライアント（...
Beat Finder - Google Chrome上で楽曲名を判定
流れている音楽の曲名を知りたいと思う機会は多々あります。アプリやSiriに聞かせて曲名を知ることもできますが、デスクトップではどうでしょう。パソコンから音を流してスマートフォンアプリに聞かせるのはなんとなくアナログな感じがしてしまいます。そこで使ってみたいのがBeat Finderです。任意のサイト上で流れている音楽を...
audio2video - 音楽ファイルを動画に変換
自分の音楽をもっと聴いてもらいたいと思った時にも動画共有サイトが利用できます。しかしYouTubeなどはMP3ファイルをアップロードできないので、MPEG4などに変換する必要があります。そんな時、動画部分は画像でも何でも良いですが用意しなければなりません。そこで使ってみたいのがaudio2videoです。音楽ファイルを...
player - CLIの音楽プレイヤー
デスクトップで開発を行っている時に音楽を聴きながらという方は多いでしょう。そんな時にどんなソフトウェアを使っていますか。スマートフォン、iTunes、その他にも音楽ソフトウェアは幾つも存在します。バックグラウンドで音楽を流すのに仰々しいソフトウェアは使いたくないという方はplayerを使ってみましょう。CLIで使える音...
BackgroundMusic - 使用中のソフトウェアによって音量を自動調整
音楽を流しながら仕事をしている人は多いです。集中力をあげてくれたり、気分を向上させることで生産性を高めてくれる効果があります。しかし音量によっては集中力が削がれてしまうケースもあります。そこで使ってみたいのがBackgroundMusicです。使っているソフトウェアによって音量を上下してくれるユーティリティです。## ...
MML-editor - Webブラウザ上でMMLを作成、実行
MMLというのはMusic Macro Languageの略で、音楽を表現するためのDSLになります。コマンドがシンプルで、C〜Bがドレミファソラシドに紐付いています。他にも多数用意されているコマンドを使って音楽を奏でます。通常、MMLで作成したファイルをコンパイラを使って音楽ファイルに変換するのですが、MML-edi...
MidiWriterJS - JavaScriptによるMIDIファイル生成
MIDIというと20年くらい前のWebで、ブラウザで音楽を流すのに使ったり、耳コピーした映画やドラマ、ゲームの音楽を配布するのに使われていた覚えがあります。最近ではあまり聞きませんが、音楽の創作をもっとプログラマブルにすることで新しい可能性が出てくるかも知れません。そう感じさせるのがMidiWriterJSです。## ...
Amplitude.js - HTML5のリッチなUIのオーディオプレイヤー
HTML5で音楽ファイルを扱うことができるようになりましたが、素の状態では殆どUIが提供されていません。そんな状態で提供しても全く魅力的ではないでしょう。別途UIを作り込む必要があります。今回紹介するオープンソースソフトウェアはAmplitude.js、HTML5のオーディオプレイヤーです。これを使えば格好良いUIで提...
Sonic Pi - 音楽のライブコーディング環境
音楽を奏でるというと大事に聞こえますが、プログラミングと同じでちょっとずつ積み重ねていけばきっとすてきな音楽ができあがるでしょう。そんな創作活動をたくさんの人たちと楽しんでみたくないでしょうか。今回紹介するSonic Piはまさにそんな音楽を作っていくプロセスをライブコーディングさながらに楽しめるソフトウェアとなってい...
Able Player - 多機能でリッチなUIの動画/音楽プレーヤー
HTML5からvideo/audioタグが追加されました。しかしこれでFlash並の再生、表現ができると思ってはいけません。基本的な機能はとても貧弱なので、使いやすくするためには大幅なカスタマイズが必要です。今回紹介するAble Playerは、HTML5のオーディオ/動画プレイヤーです。多彩な機能が追加されています。...