Skip to content

Trang web mô phỏng (visualize) âm nhạc, có thể tự kéo thả, điều chỉnh các hiệu ứng, dùng nhạc online hoặc offline (kéo từ pc vào) và nhiều thứ hay ho khác ...

Notifications You must be signed in to change notification settings

HoangTran0410/Visualyze-design-your-own-

Repository files navigation

Visualyze Music

Donate? Muốn hỗ trợ mình 1 ly cafe <3 Donate here

Using P5js and dat.GUI

Tool to get zingmp3 song ID (outdated)

How to Play

Drag

Drag files into visualyze web :

  • AUDIO files to add songs (view songs in tab Setting -> Audio -> List Music)
  • IMAGE file to change background (view and choose background in Setting -> Background)
  • LYRIC file (.lrc) to load lyric (you can dowload lyric file from google, all default songs already have lyrics)
  • THEME file (.json) to load theme (already have some theme in Setting -> Themes)

Design Mode

You can turn on Design mode(in tab Design or press S) to Design yourselft themes While you turn on, all objects will have it own boxcontain

  • Hold and drag Center circle of boxcontain to MOVE object
  • Hold and drag Bottom Right Side circle of boxcontain to CHANGE SIZE
  • Press X RED rectangle to DELETE object
  • Add objects from tab Design (Amplitude, FFT, Buttons, Title, Text Box, Lyric)

-> each object is able to edit -> press SAVE THEME to save your theme

Setting

  • Loop Song : replay forever the current song
  • Clear List Music : delete all songs in list -> then you can drag into web your own songs and play your own playlist
  • b.g AutoChange : auto change the background with time step
  • b.g Animation : background moving with beat bass

Screenshot

  • Theme 1 theme 1
  • Theme 2 theme 2
  • Design mode design

HOPE YOU LIKE THIS

About

Trang web mô phỏng (visualize) âm nhạc, có thể tự kéo thả, điều chỉnh các hiệu ứng, dùng nhạc online hoặc offline (kéo từ pc vào) và nhiều thứ hay ho khác ...

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published