音楽の記事一覧プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。音楽を流しながら仕事をしている人は多いです。集中力をあげてくれたり、気分を向上させることで生産性を高めてくれる効果があります。音量によっては集中力が削がれてしまうケースもあります。そこで使ってみたいのがBackgroundMusicです。使っているソフトウェアによって音量を上下してくれるユーティリティです。Languageの略で、音楽を表現するためのDSLになります。コマンドがシンプルで、C〜Bがドレミファソラシドに紐付いています。他にも多数用意されているコマンドを使って音楽を奏でます。JavaScriptによるMIDIファイル生成MIDIというと20年くらい前のWebで、ブラウザで音楽を流すのに使ったり、耳コピーした映画やドラマ、ゲームの音楽を配布するのに使われていた覚えがあります。最近ではあまり聞きませんが、音楽の創作をもっとプログラマブルにすることで新しい可能性が出てくるかも知れません。感じさせるのがMidiWriterJSです。HTML5のリッチなUIのオーディオプレイヤーHTML5で音楽ファイルを扱うことができるようになりましたが、素の状態では殆どUIが提供されていません。そんな状態で提供しても全く魅力的ではないでしょう。別途UIを作り込む必要があります。今回紹介するオープンソースソフトウェアはAmplitude.js、HTML5のオーディオプレイヤーです。音楽を奏でるというと大事に聞こえますが、プログラミングと同じでちょっとずつ積み重ねていけばきっとすてきな音楽ができあがるでしょう。そんな創作活動をたくさんの人たちと楽しんでみたくないでしょうか。多機能でリッチなUIの動画/音楽プレーヤーHTML5からvideo/audioタグが追加されました。これでFlash並の再生、表現ができると思ってはいけません。基本的な機能はとても貧弱なので、使いやすくするためには大幅なカスタマイズが必要です。Playerは、HTML5のオーディオ/動画プレイヤーです。多彩な機能が追加されています。最近、CLI界隈ではnodeかGoを使ったコマンドが多いように思います。nodeではこれまでコンソール上では難しかった画像などのメディアファイルを扱うものもあります。今回はまたちょっと違うメディアです。ipodはなんと、nodeで音楽ファイル(MP3)を扱ってしまうソフトウェアです。Webブラウザ上で音楽を奏でようHTML5によってWebの表現力が高まっていますが、それは何もビジュアルに限りません。他の魅力として今回は音楽を挙げます。MP3のような音楽もありますが、今回はWebブラウザ上で音楽を奏でられるWAAXを紹介します。Chromeなどで確認してください。radikoをPodcasting化radikoはそれまでラジオをほとんど聞かなかった人も利用するようになっており、スマートフォンを使って朝夕に聞いている人も多いのではないでしょうか。そんなradikoはその時しか番組を聞けないのですが、後で振り返って聞きたいと思う人も多いでしょう。Playerはまだ残っていますが)。これまでWeb上で使われきたメディアがHTML5によって扱われるようになるのです。対応しているからといって、単純に動画、音声ファイルをリンクするだけでは誰も再生しません。Cloudには多くの音楽がアップロードされています。仕事中などのBGMにちょうど良く、使っている人も多いのではないでしょうか。BGM代わりとなると普段使っているWebブラウザで聞いているとおいそれと終了しづらくなります。そこで使ってみたいのがCumulusです。音楽には間が大事な要素になると思いますが、コンサートや連続した曲が続く場合、間が邪魔に感じることがあります。そんな時のためにギャップレス再生と呼ばれる技術があります。5のようなギャップレスプレーヤーはニーズがありそうです。JavaScriptで波形を表示SoundCloudでは音楽の波形を表示しています。音楽の変化するポイントが分かりやすく、何より見ていて格好良いのではないでしょうか。単純に音楽プレーヤーで再生するだけでは得られない楽しさがあります。好きな音楽をただ聴くだけでも楽しいですが、MV(ミュージックビデオ)も面白いです。バーやレストランに行って流れているとついつい目を向けてしまうのではないでしょうか。音楽だけでは惹かれなかったのに、MVを合わせてみたらすごく良い音楽に感じたなんて経験もあるかも知れません。カラオケのテロップをWeb上で表現カラオケでよく見かけるのがテロップです。言葉の流れに合わせて文字の色が変わる仕組みですが、あのシンプルさで歌が歌えるようになるというのはとても面白い仕組みです。OSXでiTunesの音楽を聴いている人は多いでしょう。多くの曲を入れているのでランダムで流していると、ふと耳に入った音楽の題名が分からないことがよくあります。そんな時に作業を中断してiTunesを表示するのは面倒です。HTML5で音楽の波形を表示Web上で音楽を楽しむ環境は整いつつあります。SoundCloudにアップしている人も多いですし、YouTube上にある音楽を聴く人も多いでしょう。そんな音楽メディアに欲しい情報として波形があります。wavesurfer.jsは音楽ファイルを読み込み、波形を表示してくれるJavaScriptライブラリです。格好良いデザインのHTML5音楽プレイヤーHTML5になって、audio/videoなどマルチメディアを操作するタグが追加されました。それによってFlashなどのプラグインを使わなくともWebブラウザだけで音楽や動画が再生できるようになっています。最近のiTunesは多くの曲が視聴でも1分30秒流れるようになっています。従来の30秒に比べると歌の感じが十分に分かるようになっている反面、買わないかなと思っている曲でも楽しめるくらいになっています。そこで試してみたいのがMusicStoreLiteです。JavaScriptでカラオケの歌詞表示カラオケは日本はもちろん、海外でもとても人気です。日本ほどカラオケ店が多い国はない訳で、それでもカラオケがしたいとなれば自作するほかありません。カラオケのためにはボーカルの音声を消した音楽と、歌詞の表示が必要です。RiceKaraokeを使えば一歩進んだ歌いやすさを提供できるでしょう。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が733あります。blockworks。