https://github.com/junlarsen/scene

A wallpaper engine background with realtime audio visualization
https://github.com/junlarsen/scene

wallpaper-engine

Last synced: 4 months ago
JSON representation

A wallpaper engine background with realtime audio visualization

• Host: GitHub
• URL: https://github.com/junlarsen/scene
• Owner: junlarsen
• License: mit
• Created: 2020-08-29T18:11:52.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2020-08-30T13:01:56.000Z (about 5 years ago)
• Last Synced: 2025-01-25T21:13:00.214Z (8 months ago)
• Topics: wallpaper-engine
• Language: TypeScript
• Homepage:
• Size: 6.13 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Scene - A live wallpaper for Wallpaper Engine

This is a wallpaper with audio visualizers I built for Wallpaper Engine.

![Preview](public/preview.png)

The wallpaper is built with React and runs as a html page.

### Build it yourself

These are the system requirements for building the React App.

- Node  10.14+

- Yarn

- Git

```bash

git clone http://github.com/supergrecko/scene

yarn install

yarn build

```

The final build is now in the `build` folder along with a `project.json` file which you'll be importing into Wallpaper

Engine.

**Build Options**

By default, the wallpaper expects to be placed in the directory `/home/wallpapers/live`. To change this location, edit

the `"homepage"` field in [package.json](package.json).

**Hacking with the wallpaper**

The application is a React app, created from [`create-react-app`](https://create-react-app.dev/). To get started working

on the wallpaper, run `yarn start`. This will open a development build at [`localhost:3000`](http://localhost:3000)

In the [src/hooks/useAudioFeed.ts](src/hooks/useAudioFeed.ts) there is a React hook which will fetch the audio stream

from Wallpaper Engine. When running in development mode, it will use mocked numbers as the browser doesn't have access

to the audio stream.

**License**

[MIT License](LICENSE)