Giter Site home page Giter Site logo

rocksdanister / audio-visualizer-wallpaper Goto Github PK

View Code? Open in Web Editor NEW
74.0 74.0 24.0 93.79 MB

Lively API demo wallpapers

Home Page: https://rocksdanister.com/lively

License: MIT License

HTML 1.22% JavaScript 98.71% CSS 0.04% GLSL 0.03%
audio blender javascript lively music retro threejs visualizer wallpaper

audio-visualizer-wallpaper's People

Contributors

rocksdanister avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

audio-visualizer-wallpaper's Issues

Musicbee support

Hi, thanks for the lovely wallpapers! ๐Ÿ˜Š

I'm using Musicbee as my audio library manager and player, version 3.5.8447 P.

Simple Visualizer works perfectly, but Music TV, Media Parallax and Living Room don't work, they all say "offline" or "waiting for media".

Not sure if I'm supposed to set up something somewhere or if it is a matter of software support. Thanks for any help!

Attempting to modify the code to copy the visualizer and mirror it, and while I can mirror it, it is overwriting the top line, and I have no clue why

I am fairly new to HTML and have not ever touched the canvas so this is definitely my incompetence. Anyway, what am I doing wrong? Here is the specific modification im making


function livelyAudioListener(audioArray) 
{
  maxVal = 1;
  for (var x of audioArray) {
    if (x > maxVal) maxVal = x;
  }

  const offSet = vizWidth / audioArray.length;
  const arrMid = audioArray.length / 2;
  ctx.fillStyle = backgroundColor;
  ctx.fillRect(0, 0, canvas.width, canvas.height);

  ctx.beginPath();
  ctx.lineJoin = "round";
  ctx.moveTo(startPos - offSet * 3, midY);
  ctx.lineTo(startPos, midY);
  let posInLine = -1;
  for (var x = 0; x < audioArray.length; x++) {
    posInLine++;
    ctx.lineTo(
      startPos + offSet * posInLine,
      midY - (audioArray[x] / maxVal) * max_height
    );
    if (square)
      ctx.lineTo(
        startPos + offSet * (posInLine + 1),
        midY - (audioArray[x] / maxVal) * max_height
      );
  }
  ctx.lineTo(startPos + offSet * (posInLine + (square ? 1 : 0)), midY);
  ctx.lineTo(startPos + offSet * (posInLine + (square ? 4 : 3)), midY);

  ctx.fillStyle = gradient;
  ctx.fill();
  renderLine(linesColor);
  //might go wrong
  ctx.lineTo(startPos - offSet * 3, midY);
  renderLine(linesColor);
  maxVal = 1;
  for (var x of audioArray) {
    if (x > maxVal) maxVal = x;
  }
  ctx.fillStyle = backgroundColor;
  ctx.fillRect(0, 0, canvas.width, canvas.height);

  ctx.beginPath();
  ctx.lineJoin = "round";
  //ctx.moveTo(startPos - offSet * 3, midY);
  ctx.lineTo(startPos, midY);
  posInLine = -1;
  for (var x = 0; x < audioArray.length; x++) {
    posInLine++;
    ctx.lineTo(
      startPos + offSet * posInLine,
      midY - (audioArray[x] / maxVal) * max_height * -4
    );
    if (square)
      ctx.lineTo(
        startPos + offSet * (posInLine + 1),
        midY - (audioArray[x] / maxVal) * max_height * -4
      );
  }
  ctx.lineTo(startPos + offSet * (posInLine + (square ? 1 : 0)), midY);
  ctx.lineTo(startPos + offSet * (posInLine + (square ? 4 : 3)), midY);

  ctx.fillStyle = gradient;
  ctx.fill();
  renderLine(linesColor);
}

everything after the comment is where it changes (besides me tweaking the size of the bars as I keep my volume fairly low)

GSMTC Doesn't Appear to Work

I downloaded both LivelyWallpaper and Spotify from the Microsoft Store. It seems to me like Spotify's GSMTC isn't functioning because the wallpaper doesn't function when the app is used. However, if I open Spotify in the web browser (Edge), it does work.

I haven't been able to find if there's a way to enable GSMTC on my system manually or within the app. Any advice or additional information I can provide, just let me know.

Very high CPU usage

Windows 11 22622.601
Ryzen 7 5800x
RX 6700xt

This wallpaper on both screens is taking 30-40% of my CPU.

Detect the application

Hello,
Do you know how to detect the application on which the sound is played because I would like to remove the display when I am on YouTube or other website.

frequency

Hello. How do I change the audio visualizer in Lively Wallpaper to a higher frequency? Because a little slow to the rhythm of the music, it moves

Video TV

Much appreciation for this! The atmospheric benefit Music TV provides is astonishing. Is it possible to modify the totally righteous TV scheme, so that it can play media, perhaps blitting the video from a minimized application such as Chrome? If not, then can the assets be used as a standalone skin for VLC, for chrome, or for edge, or for something like jellyfin player? This creation is outstanding and needs to be given MORE POWER!!! It's almost like there's a framework for doing this that should exist, but instead we have a plethora of apps that play video either fullscreen or in a frame within them, but nothing in between, sure some have "popout" which kind of might work, but without any transformation, but what should be happening is that apps in google/apple/linux/microsoft, should be asking the user what to "cast" the output to, and let the user install and run their actual player, which could be something like this TV. IDK just ranting at this point. I suppose maybe BeOS had something like this. Windows Media Overlay I guess is a start, but not actually designed for accepting updates of any substantial [resolution * frequency]?

suggestions

Is there or can you add a way to interact with how reactive things are to the music.
So if on 100% it reacts to mostly everything and one 10% it only reacts to louder beats or even add a feature that makes it listen out for beat drops, piano, lyrics etc.

Thanks!

Edit the 3D Living Room

II tried to modify the room in 3d but when I load it there is an infinite loading screen.
Can you help me please

Support for Plexamp

Small, tiny request - may I humbly ask for Plexamp support for this wallpaper? I quite like this one.

weird suggestion

Maybe include a small window displaying the sun/moon cycle depending on the time. Or get crazy and add a way to view the weather from the window! ๐Ÿ˜„

Music TV and Media Parallax

I have a problem when a song change in Music TV and in Media Parallax. The song on the screen remain the one that I was listening to before it.
dione

some suggestions

I really like the new wallpapers, the 'Living Room' and the 'Music TV'. I've used these for last 1~2 months, and felt that it would be better if some functions would be added.

  1. an on/off button determining the diplay of fiery background on 'Music TV' screen. it may look messy when it's displayed with the thumbnail of currently playing music.
  2. also an on/off button determining 'no signal' animation at 'Music TV' and 'Living Room' when there's no music playing.
  3. another on/off button determining 'Living Room' lightening effect that reacts to music bass. There's a lag between the music and the effect in my computer..

thx for making cool wallpapers!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.