コード進行を五度圏で可視化してみた - 西尾泰和のはてなダイアリー
Songleの外部埋め込みプレイヤーがJavaScriptでカスタマイズできるので、それを利用して五度圏の可視化をするデモを作ってみました。 スピッツの「ロビンソン」 中島みゆきの「地上の星」 きゃりーぱみゅぱみゅの「ファッションモンスター」 ロビンソンはコードの動きがわりとおとなしいですね。一方ファッションモンスターはGm Fmを交互にピコピコ動いてダンスを見ているような楽しさが。 Songleは音楽の理解を支援するサービスで、楽曲からコード進行などの情報を抽出し、可視化したり、コード進行を強調して再生したりしてくれます。詳しくはSongleのサイトの解説をごらんください。外部埋め込みプレイヤーを使うと、JavaScriptからそのコードの情報が取れるようになるので、以前から興味のあった五度圏での可視化を試してみました。100行未満のソースコードで実現できてとても手軽でした。このデモのソ
UnitePlayer.js 作ったよ - latest log
UnitePlayer はモバイルとゲームに特化した HTML5 な音楽再生プレイヤー UnitePlayer は、モバイルブラウザ上で動作するゲームに音をもたらします。 扱いが難しい Mobile Safari や Android ブラウザの音周りをフォーマット化し、とっても扱いやすくします。 フィーチャーフォン用のソーシャルゲームが大流行な昨今ですが、 フィーチャーフォン用のゲームって音が無いですよね? そのゲームをそのままスマートフォン向けにコンバートしても、音がならずに寂しい感じですよね? 2012年は UnitePlayer で BGM も SE も鳴らしちゃいましょう。 そして没入感や色々なものを高めちゃいましょう! PCブラウザでもそのまま動くから、横展開もお手軽に! UnitePlayer なら iPhone でも BGM と SE を擬似的に同時再生できますよ。 Unit
楽譜をWeb上に表示するJavaScriptライブラリ·Audiofile.cc MOONGIFT
Audiofile.ccはHTMLタグを楽譜化して表示するJavaScriptライブラリ。 Audiofile.ccはHTML5/JavaScript製のオープンソース・ソフトウェア。Webベースのアプリケーションが増えるに従って、表現したい内容も増えている。テキスト、画像、動画、音楽以外にも様々なデータを表示したいと思っているはずだ。 表示例 HTML4以前ではFlashが活躍した。だが時代はHTML5に移り変わろうとしている。今はCanvasタグで様々なコンテンツを表示する。Audiofile.ccはその一つ、楽譜を表示するソフトウェアだ。 楽譜についてはMMLと呼ばれるマークアップ言語があるが、Audiofile.ccではそれは用いていない。あくまでも独自の記法に則って記述する必要がある。具体的にはdivタグに対してdata-note/data-pitch/data-octaveとい
[JS]オーディオをコントロールするオープンソースのスクリプト -jai
HTML5を使用した、JavaScriptでOggフォーマットのオーディオファイルをコントロールするスクリプト「jai」を紹介します。 jai - javascript audio interface 「jai」は、「JavaScript Audio Interface」の略で、グラフィカルなインターフェイスには画像を使用せず、canvasによってレンダリングされています。 対応する音声ファイルはOggフォーマットで、コーディックには「 Ogg Vorbis audio codec」が使用されています。 プレイリストはスタイルシートでデザインされたリスト要素で、下記のような書式になります。 <textarea name="code" class="html" cols="60" rows="5"> <li> <a href="@F1LT3R - Cryogenic Unrest.ogg">
[JS]設置も簡単、シンプルで軽量なフラッシュのMP3プレイヤー
NiftyPlayerは、MP3ファイルの再生やロードをスクリプトでコントロールできる、シンプルで軽量(4KB)なフラッシュのMP3プレイヤーです。 NiftyPlayer フラッシュのMP3プレイヤーのインターフェイスはシンプルで、再生（プレイとポーズ）と停止ボタンでMP3ファイルをコントロールします。 パネルには再生状況が分かるシークバーとボリュームコントローラーがあり、クリックやドラッグで操作できます。 インフォメーションには、時間とステータスが表示されます。 また、プレイヤーのコントロールはスクリプトでも制御が可能で、再生（プレイとポーズ）、停止、別ファイルの読み込み、読み込みと同時に再生、ステータスの取得などが行えます。
[JS]Flashのようにサウンドをコントロールできるスクリプト -SoundManager 2
SoundManager 2は、Flashのようにマウスの動きやアニメーションに合わせてサウンドをコントロールしたり、MP3プレイヤーのようにオーディオを設置できるスクリプトです。
JavaScript から MML を再生する - JSMML - 2nd life (移転しました)
http://coderepos.org/share/wiki/JSMML テキスケ: ActionScript日記 - サウンドのリアルタイム生成（４） で公開されている、Flash から MML を再生できるライブラリ、 FLMML が素晴らしすぎるので、JavaScript からも再生できるようにブリッジを書いてみました。ライブラリ名は JSMML(まんま)。 JSMML を使うと、SWF を経由して JS な API から MML を再生できるようになります。 <script type="text/javascript" src="JSMML.js"></script> <script type="text/javascript"> JSMML.swfurl = 'JSMML.swf'; // default // onLoad に関数を入れておくと、SWF のロード完了時に呼ばれ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]簡単に設置ができるmp3プレイヤーのスクリプト -jPlayer