So-net無料ブログ作成

ウェブ音楽プレイヤーを微修正しました。 [音楽再生ウェブ アプリケーション]

HTML5のCanvas要素とWeb Audio APIで私が制作した、ウェブ音楽プレイヤーのヴィジュアライザーを少しだけ改造致しました。
JS_Music Player_SS_(2019_07_10)_1_cropped_1 黒い背景の上に青紫色の二重の光の輪が広がり、輪と同色の粒子が無数に飛び散っている。 画面下部には高さがまちまちの青色のグラデーションの縦長の棒が横方向に沢山並んだ音楽スペクトラム アナライザーのヴィジュアライザーが表示されている。 画面最上部にはアーティスト名、アルバム名、曲名が表示されている。
https://live.staticflickr.com/65535/48249183152_0312528d8c_o.png

JS_Music Player_SS_(2019_07_10)_2_cropped_1 黒い背景の上に橙色、黄色それぞれの二重の光の輪が広がり、輪と同色の粒子が無数に飛び散っている。 画面下部には高さがまちまちの赤橙色のグラデーションの縦長の棒が横方向に沢山並んだ音楽スペクトラム アナライザーのヴィジュアライザーが表示されている。 画面最上部にはアーティスト名、アルバム名、曲名が表示されている。
https://live.staticflickr.com/65535/48249183052_7d3618b843_o.png
従来は光の輪と粒子の色がランダムだったのですが、沢山のエフェクトが同時に表示されると色が乱雑で見栄えが良くないと感じまして、下部のスペクトラム アナライザーの色に揃える事に致しました。

ブログ記事: ウェブ音楽プレイヤー
URL: https://applicationprogram.blog.so-net.ne.jp/2019-07-03-1

プレイリストの自動保存、書き出し、読み込みに対応しています。
キーボードを打鍵してピアノ演奏ができます。
重低音を出せます。
どうぞお試し下さいませ。

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

nice! 0

コメント 0

コメントを書く

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

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

Facebook コメント