So-net無料ブログ作成

HTML5 ウェブ音楽プレイヤーのヴィジュアライザーに改造を施しました。 [音楽再生ウェブ アプリケーション]

自作のウェブ音楽プレイヤーの視覚効果に手を加えました。

JS_Music Player_SS_(2017_09_17)_1_Cropped_1 HTML5 ミュージック プレイヤーのスクリーンショット画像。 黒い背景の上に多数の色とりどりの二重の光る円環があり、円環の中心からその円環と同色の多数の輝く粒子と光線が放出されている。 画面の下方には音楽のスペクトラム アナライザーのヴィジュアライザーが描画されており、垂直の青緑色のバーが多数横方向に並んで伸び縮みしている。 青緑色のバーは明るさと色相に微妙なグラデーションが掛かっている。
https://c1.staticflickr.com/5/4423/37093818902_0d5e8080ff_o.png
音のアクセントがあった時に波紋と花火のような色とりどりの光の粒子が放出されるのですが、これに新たに光線も追加致しました。

JS_Music Player_SS_(2017_09_17)_2_Cropped_1 HTML5 ミュージック プレイヤーのスクリーンショット画像。 黒い背景の上に多数の色とりどりの二重の光る円環があり、円環の中心からその円環と同色の多数の輝く粒子と光線が放出されている。 画面の下方には音楽のスペクトラム アナライザーのヴィジュアライザーが描画されており、垂直の赤紫色のバーが多数横方向に並んで伸び縮みしている。 赤紫色のバーは明るさと色相に微妙なグラデーションが掛かっている。
https://c1.staticflickr.com/5/4340/36451600403_e9ed81e675_o.png

このページに掲載しているスクリーンショット画像は、音楽を再生しながらキーボードを打鍵してスペクトラム アナライザーと視覚効果が描画されている様子です。

キーボードを弾いて奏でられる重低音が凄いですよ。
プレイリスト機能もございます。
ソースコードは公開しております。

ブログ記事: "ウェブ音楽プレイヤー"
URL: http://musicvisualizer.blog.so-net.ne.jp/2017-06-26

nice!(0)  コメント(0) 

nice! 0

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

※ブログオーナーが承認したコメントのみ表示されます。

Facebook コメント