rocksdanister / audio-visualizer-wallpaper Goto Github PK
View Code? Open in Web Editor NEWLively API demo wallpapers
Home Page: https://rocksdanister.com/lively
License: MIT License
Lively API demo wallpapers
Home Page: https://rocksdanister.com/lively
License: MIT License
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!
thanks
I want to change to other pic rather than pure color
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)
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.
I want to see the higher frequencies more, anyway I can change this?
Windows 11 22622.601
Ryzen 7 5800x
RX 6700xt
This wallpaper on both screens is taking 30-40% of my CPU.
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.
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
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]?
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!
II tried to modify the room in 3d but when I load it there is an infinite loading screen.
Can you help me please
Small, tiny request - may I humbly ask for Plexamp support for this wallpaper? I quite like this one.
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! ๐
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.
thx for making cool wallpapers!
It doesn't show the music title / thumbnail with AIMP Music Player
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.