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

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

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

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

もっと見る

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によって扱われるようになるのです。対応しているからといって、単純に動画、音声ファイルをリンクするだけでは誰も再生しません。やはり見栄えのいい再生プレイヤーがあってこそで...

List

  • 2015/10/10

Cumulus - メニューバー常駐型Sound Cloudクライアント

Sound Cloudには多くの音楽がアップロードされています。仕事中などのBGMにちょうど良く、使っている人も多いのではないでしょうか。そしてBGM代わりとなると普段使っているWebブラウザで聞いているとおいそれと終了しづらくなります。そこで使ってみたいのがCumulusです。メニューバー常駐型のSound Clou...

List

  • 2015/10/03

Gapless 5 - JavaScript/CSS製のギャップレスプレーヤー

音楽には間が大事な要素になると思いますが、コンサートや連続した曲が続く場合、間が邪魔に感じることがあります。そんな時のためにギャップレス再生と呼ばれる技術があります。Webにおいても音楽コンテンツが増えていますので、Gapless 5のようなギャップレスプレーヤーはニーズがありそうです。## Gapless 5の使い方...

List

  • 2015/09/01

Peaks.js - JavaScriptで波形を表示

SoundCloudでは音楽の波形を表示しています。音楽の変化するポイントが分かりやすく、何より見ていて格好良いのではないでしょうか。単純に音楽プレーヤーで再生するだけでは得られない楽しさがあります。同じように音楽ファイルを読み込んで波形を描画してくれるのがPeaks.js

List

  • 2015/07/17

Vine MV – Vine動画を使ってミュージックビデオを生成

好きな音楽をただ聴くだけでも楽しいですが、MV(ミュージックビデオ)も面白いです。バーやレストランに行って流れているとついつい目を向けてしまうのではないでしょうか。単に音楽だけでは惹かれなかったのに、MVを合わせてみたらすごく良い音楽に感じたなんて経験もあるかも知れません。そんなMVを自動で生成してくれるのがVine ...

List

  • 2015/06/17

karaoke-telop – カラオケのテロップをWeb上で表現

カラオケでよく見かけるのがテロップです。言葉の流れに合わせて文字の色が変わる仕組みですが、あのシンプルさで歌が歌えるようになるというのはとても面白い仕組みです。そんな仕組みをWeb上で実現したのがkaraoke-telop

List

  • 2015/06/11

kyoku - iTunesで再生中の音楽をメニューバーに表示

Mac OSXでiTunesの音楽を聴いている人は多いでしょう。多くの曲を入れているのでランダムで流していると、ふと耳に入った音楽の題名が分からないことがよくあります。そんな時に作業を中断してiTunesを表示するのは面倒です。そこでインストールしておきたいのがkyoku

List

  • 2015/03/13

wavesurfer.js - HTML5で音楽の波形を表示

Web上で音楽を楽しむ環境は整いつつあります。SoundCloudにアップしている人も多いですし、YouTube上にある音楽を聴く人も多いでしょう。そんな音楽メディアに欲しい情報として波形があります。wavesurfer.jsは音楽ファイルを読み込み、波形を表示してくれるJavaScriptライブラリです。JavaSc...

List

  • 2015/02/20

Vesper - 格好良いデザインのHTML5音楽プレイヤー

HTML5になって、audio/videoなどマルチメディアを操作するタグが追加されました。それによってFlashなどのプラグインを使わなくともWebブラウザだけで音楽や動画が再生できるようになっています。問題はそれらのタグは最低限の表現しか提供しておらず、より使いやすくしようと思うと独自の実装が必要と言うことでしょう...

List

  • 2014/08/21

MusicStoreLite – iTunesの音楽を連続視聴

最近のiTunesは多くの曲が視聴でも1分30秒流れるようになっています。従来の30秒に比べると歌の感じが十分に分かるようになっている反面、買わないかなと思っている曲でも楽しめるくらいになっています。そこで試してみたいのがMusicStoreLiteです。iTunesのミュージックストアにあるランキング上位の曲を自動再...

List

  • 2014/06/10

RiceKaraoke – JavaScriptでカラオケの歌詞表示

カラオケは日本はもちろん、海外でもとても人気です。しかし日本ほどカラオケ店が多い国はない訳で、それでもカラオケがしたいとなれば自作するほかありません。カラオケのためにはボーカルの音声を消した音楽と、歌詞の表示が必要です。さらにRiceKaraokeを使えば一歩進んだ歌いやすさを提供できるでしょう。## RiceKara...

None

  • 2014/06/01

おしえて!恋のプロトコル – プログラミングができるアイドル“ハックガールズ”デビュー曲

筆者はテレビを見ないのでアイドルなどは全然分かっていないのですが、皆さんはどのアイドルが好きでしょうか。自分の手の届かない存在としてのアイドルが好きな人も多いですが、最近ではAKB48のように会いにいけるアイドルというのが人気を集めています。そんな中、さらに自分たちと同じ話ができてしまうアイドル、ハックガールズが誕生し...

List

  • 2014/05/24

beeplay – JavaScript×ビープ音で音楽を奏でよう

HTML5のWebAudio APIは使ったことがありますか?あるということは知っていても、なかなか機会もきっかけも見つからないものですよね。とは言え折角の新機能を使わないのは勿体ないものです。そこで紹介したいのがbeeplay、ビープ音で音楽を奏でるJavaScriptライブラリです。## beeplayの使い方!メ...