ITエンジニア/デザイナ向けにオープンソースを毎日紹介

メディア - 音楽の記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2017/08/28

Web Audio Synth V2 - Web上でシンセサイザーを操作

HTML5によって新しく追加された技術にWeb Audioがあります。その名の通り、Web上で音楽を奏でるためのAPIですが、利用が難しいものとなっています。だからこそ使いこなすと凄いソフトウェアができます。今回紹介するWeb Audio Synth V2はまさにWeb Audioを使い、シンセサイザーを作り上げてしま...

None

  • Premium_s 2017/07/08

音楽を作る、遊べるソフトウェアを紹介

Web上で音楽ファイルを再生するソフトウェアはたくさん存在します。しかし、よりクリエイティブな人は自分で音楽を作りたいと考えるのではないでしょうか。ローカルコンピュータ上では音楽を奏でられるソフトウェアが幾つかありますが、Webブラウザ向けには多くありません。今回はそうした中で、特にHTML5/JavaScriptを使...

List

  • 2017/03/03

Rythm.js - 音楽/音声に合わせてアニメーション

Webは基本的に静的なものです。アニメーションを使うこともできますが、何度も繰り返したり、マウスクリックのタイミングでアニメーションが実行される程度です。よりインタラクティブ性が欲しいと思ったことはないでしょうか。そこで紹介したいのがRythm.jsです。なんと音声に反応するアニメーションライブラリです。## Ryth...

List

  • 2017/02/20

Playlister - YouTube動画でプレイリストを作成&共有

YouTube上にはたくさんの音楽動画が揃っています。殆どのアーティストがMVをYouTube上にアップし、新譜も期間限定でアップロードします。音楽だけよりは若干使い勝手が悪いですが、高速なインターネットがある環境であれば十分でしょう。そんなYouTube上の音楽をプレイリスト化し、みんなでシェアできるのがPlayli...

List

  • 2017/02/17

mediacenterjs - Webベースのメディアセンター

使ってみると意外と便利なのがメディアセンターです。ローカルやネットワーク内にある動画、音楽ファイルなどを一箇所で管理でき、スマートフォンなどから操作して音楽や映画を楽しめるようになります。そんなメディアセンターをWebベースで提供するのがmediacenterjsです。## mediacenterjsの使い方セットアッ...

List

  • 2017/01/03

Music DNA - 音楽のDNAを可視化するプレイヤー

音楽プレーヤーは音楽の再生さえできれば良いのでしょうか。もちろん基本はそうでしょうが、それであればOS標準の音楽プレイヤーで十分になってしまいます。もっと自分の好きな音楽を様々な側面から楽しめるといいものです。今回紹介するMusic DNAはAndroid用の音楽プレイヤーですが、DNAと呼ばれるビジュアライズが特徴で...

List

  • 2016/12/04

Google Play Music Desktop Player - 非公式Google Play Musicデスクトップクライアント

Androidユーザの方はGoogle Play Musicを利用している人が多いのではないでしょうか。Spotrify、Apple Music、Amazonミュージックなど多くのライバルがおり、熱い市場と言えます。そんなGoogle Play Musicをデスクトップから手軽に聴けるようにしてくれる専用クライアント(...

List

  • 2016/10/05

Beat Finder - Google Chrome上で楽曲名を判定

流れている音楽の曲名を知りたいと思う機会は多々あります。アプリやSiriに聞かせて曲名を知ることもできますが、デスクトップではどうでしょう。パソコンから音を流してスマートフォンアプリに聞かせるのはなんとなくアナログな感じがしてしまいます。そこで使ってみたいのがBeat Finderです。任意のサイト上で流れている音楽を...

List

  • 2016/09/01

audio2video - 音楽ファイルを動画に変換

自分の音楽をもっと聴いてもらいたいと思った時にも動画共有サイトが利用できます。しかしYouTubeなどはMP3ファイルをアップロードできないので、MPEG4などに変換する必要があります。そんな時、動画部分は画像でも何でも良いですが用意しなければなりません。そこで使ってみたいのがaudio2videoです。音楽ファイルを...

None

  • 2016/06/27

player - CLIの音楽プレイヤー

デスクトップで開発を行っている時に音楽を聴きながらという方は多いでしょう。そんな時にどんなソフトウェアを使っていますか。スマートフォン、iTunes、その他にも音楽ソフトウェアは幾つも存在します。バックグラウンドで音楽を流すのに仰々しいソフトウェアは使いたくないという方はplayerを使ってみましょう。CLIで使える音...

List

  • 2016/06/21

BackgroundMusic - 使用中のソフトウェアによって音量を自動調整

音楽を流しながら仕事をしている人は多いです。集中力をあげてくれたり、気分を向上させることで生産性を高めてくれる効果があります。しかし音量によっては集中力が削がれてしまうケースもあります。そこで使ってみたいのがBackgroundMusicです。使っているソフトウェアによって音量を上下してくれるユーティリティです。## ...

List

  • 2016/06/05

MML-editor - Webブラウザ上でMMLを作成、実行

MMLというのはMusic Macro Languageの略で、音楽を表現するためのDSLになります。コマンドがシンプルで、C〜Bがドレミファソラシドに紐付いています。他にも多数用意されているコマンドを使って音楽を奏でます。通常、MMLで作成したファイルをコンパイラを使って音楽ファイルに変換するのですが、MML-edi...

None

  • 2016/05/17

MidiWriterJS - JavaScriptによるMIDIファイル生成

MIDIというと20年くらい前のWebで、ブラウザで音楽を流すのに使ったり、耳コピーした映画やドラマ、ゲームの音楽を配布するのに使われていた覚えがあります。最近ではあまり聞きませんが、音楽の創作をもっとプログラマブルにすることで新しい可能性が出てくるかも知れません。そう感じさせるのがMidiWriterJSです。## ...

List

  • 2016/05/13

Amplitude.js - HTML5のリッチなUIのオーディオプレイヤー

HTML5で音楽ファイルを扱うことができるようになりましたが、素の状態では殆どUIが提供されていません。そんな状態で提供しても全く魅力的ではないでしょう。別途UIを作り込む必要があります。今回紹介するオープンソースソフトウェアはAmplitude.js、HTML5のオーディオプレイヤーです。これを使えば格好良いUIで提...

List

  • 2016/05/12

Sonic Pi - 音楽のライブコーディング環境

音楽を奏でるというと大事に聞こえますが、プログラミングと同じでちょっとずつ積み重ねていけばきっとすてきな音楽ができあがるでしょう。そんな創作活動をたくさんの人たちと楽しんでみたくないでしょうか。今回紹介するSonic Piはまさにそんな音楽を作っていくプロセスをライブコーディングさながらに楽しめるソフトウェアとなってい...

List

  • 2016/04/22

Able Player - 多機能でリッチなUIの動画/音楽プレーヤー

HTML5からvideo/audioタグが追加されました。しかしこれでFlash並の再生、表現ができると思ってはいけません。基本的な機能はとても貧弱なので、使いやすくするためには大幅なカスタマイズが必要です。今回紹介するAble Playerは、HTML5のオーディオ/動画プレイヤーです。多彩な機能が追加されています。...

List

  • 2016/03/05

ipod - node.jsで音楽を再生

最近、CLI界隈ではnodeかGoを使ったコマンドが多いように思います。特にnodeではこれまでコンソール上では難しかった画像などのメディアファイルを扱うものもあります。今回はまたちょっと違うメディアです。ipodはなんと、nodeで音楽ファイル(MP3)を扱ってしまうソフトウェアです。## ipodの使い方インストー...

List

  • 2016/02/04

WAAX - Webブラウザ上で音楽を奏でよう

HTML5によってWebの表現力が高まっていますが、それは何もビジュアルに限りません。他の魅力として今回は音楽を挙げます。MP3のような音楽もありますが、今回はWebブラウザ上で音楽を奏でられるWAAXを紹介します。## WAAXの使い方WAAXはGoogle Chromeなどで確認してください。Webブラウザ上にキー...

None

  • 2016/01/25

radicast - radikoをPodcasting化

radikoはそれまでラジオをほとんど聞かなかった人も利用するようになっており、スマートフォンを使って朝夕に聞いている人も多いのではないでしょうか。そんなradikoはその時しか番組を聞けないのですが、後で振り返って聞きたいと思う人も多いでしょう。そこで使ってみたいのがradicast、radikoをPodcastin...

List

  • 2015/12/19

APlayer - 歌詞表示に対応したHTML5音楽プレイヤー

ついにFlashが歴史の幕を閉じようとしています(Flash Playerはまだ残っていますが)。つまりこれまでWeb上で使われきたメディアがHTML5によって扱われるようになるのです。対応しているからといって、単純に動画、音声ファイルをリンクするだけでは誰も再生しません。やはり見栄えのいい再生プレイヤーがあってこそで...