assassin-1234 / discord-wrapped Goto Github PK

View Code? Open in Web Editor NEW

76.0 3.0 5.0 92.62 MB

An insight on all the data collected by Discord, formed into a video just like Spotify Wrapped!

Home Page: https://discordwrapped.com/

License: Apache License 2.0

JavaScript 5.56% TypeScript 82.13% HTML 8.67% CSS 1.53% Dockerfile 2.11%

discord discord-wrapped discordjs ffmpeg spotify spotify-wrapped

discord-wrapped's Introduction

An insight on all the data collected by Discord, formed into a video just like Spotify Wrapped!

Try it out

You can try it out on discordwrapped.com.

Credits

Face & AssassiN for starting the project
Iliannnn for cleaning up the code and creating the website
RedVortexDev for redesign #1
Arnav for redesign #2
Zyztem for dockerizing the project

Self-hosting

Prerequisites:

Node.js and npm installed on your machine.

Development

git clone https://github.com/Assassin-1234/discord-wrapped.git
cd discord-wrapped
cd frontend
npm install
npm run dev
cd ..
cd backend
npm install
npm run dev

Open your web browser and go to localhost:5173 or the URL specified in the frontend logs if the default port is already in use.

Production

Docker 🐳

git clone https://github.com/Assassin-1234/discord-wrapped.git
cd discord-wrapped

Edit .env.example in the backend directory to your preference.

docker-compose up -d

Using a reverse proxy, put the backend and frontend on the same address by adding a custom address /api/ with the chosen backend port (3020 by default).

Process Manager

cd frontend
npm install
npm run build
# Serve the build with your chosen process manager (e.g., http-server)
cd ..
cd backend
mv .env.example .env
npm install
npm run build
# Run with your chosen process manager
xvfb-run -s "-ac -screen 0 1920x1080x24" npm run start

Using a reverse proxy, put the backend and frontend on the same address by adding a custom address /api/ with the chosen backend port (3020 by default).

Contributing

Pull requests are appreciated

Do not modify the audio.mp3
Do not push your own data package

License

This OSS project is under an Apache license.

Contributors

discord-wrapped's People

Contributors

Stargazers

Watchers

Forkers

arnav-kr ggorg0 recoen stef-00012 forwhoo

discord-wrapped's Issues

linux

On linux you dont use .exes...

$ node .             
running
Currently processing the events, might take some time!
/home/ggorg/Downloads/discord-wrapped/src/animations/wrap.js:137
					reject(new Error(`Error extracting first frame: ${err.message}`));
					       ^

Error: Error extracting first frame: spawn /home/ggorg/Downloads/discord-wrapped/ffmpeg.exe ENOENT
    at FfmpegCommand.<anonymous> (/home/ggorg/Downloads/discord-wrapped/src/animations/wrap.js:137:13)
    at FfmpegCommand.emit (node:events:512:28)
    at emitEnd (/home/ggorg/Downloads/discord-wrapped/node_modules/fluent-ffmpeg/lib/processor.js:424:16)
    at /home/ggorg/Downloads/discord-wrapped/node_modules/fluent-ffmpeg/lib/processor.js:433:16
    at wrapper (/home/ggorg/Downloads/discord-wrapped/node_modules/async/dist/async.js:271:20)
    at next (/home/ggorg/Downloads/discord-wrapped/node_modules/async/dist/async.js:5795:24)
    at /home/ggorg/Downloads/discord-wrapped/node_modules/async/dist/async.js:327:20
    at wrapper (/home/ggorg/Downloads/discord-wrapped/node_modules/async/dist/async.js:271:20)
    at next (/home/ggorg/Downloads/discord-wrapped/node_modules/async/dist/async.js:5795:24)
    at /home/ggorg/Downloads/discord-wrapped/node_modules/async/dist/async.js:327:20

Node.js v19.6.0,

Here you install ffmpeg/ffprobe from the system package manager, which most commonly places it in:

$ which ffmpeg
/usr/bin/ffmpeg

$ which ffprobe
/usr/bin/ffprobe

Quick workaround:

$ ln -s $(which ffmpeg) ffmpeg.exe
$ ln -s $(which ffprobe) ffprobe.exe

Weird paths

When I put the folder in another one named discord-wrapped, it doesn't work.

$ pwd
/home/ggorg/Downloads/discord-wrapped/discord-wrapped

$ node .
running
node:fs:585
  handleErrorFromBinding(ctx);
  ^

Error: ENOENT: no such file or directory, open '/home/ggorg/Downloads/discord-wrapped/package/account/user.json'
    at Object.openSync (node:fs:585:3)
    at Object.readFileSync (node:fs:453:35)
    at getUserInfo (/home/ggorg/Downloads/discord-wrapped/discord-wrapped/src/extractor/extract.js:170:28)
    at module.exports (/home/ggorg/Downloads/discord-wrapped/discord-wrapped/src/animations/wrap.js:91:21)
    at /home/ggorg/Downloads/discord-wrapped/discord-wrapped/index.js:4:8
    at Object.<anonymous> (/home/ggorg/Downloads/discord-wrapped/discord-wrapped/index.js:5:3)
    at Module._compile (node:internal/modules/cjs/loader:1246:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1300:10)
    at Module.load (node:internal/modules/cjs/loader:1103:32)
    at Module._load (node:internal/modules/cjs/loader:942:12) {
  errno: -2,
  syscall: 'open',
  code: 'ENOENT',
  path: '/home/ggorg/Downloads/discord-wrapped/package/account/user.json'
}

Node.js v19.6.0

Possible cause: https://github.com/Assassin-1234/discord-wrapped/blob/main/src/animations/wrap.js#L1-L2 + more (just fixing line 1 and 2 didn't fix it)
Possible fix: use node/path's resolve() and join() functions

Bad practice: just appending paths together hoping that slashes (/) line up
Possible fix: use node/path's join() function
Bad practice: using forward slashes (/) on windows, which uses backslashes (\)
Possible fix: use node/path's join() function

As much as I'd like to make a PR, the code is too complicated and messy so it would take me way too long.

assassin-1234 / discord-wrapped Goto Github PK

discord-wrapped's Introduction

Try it out

Credits

Self-hosting

Prerequisites:

Development

Production

Docker 🐳

Process Manager

Contributing

License

Contributors

discord-wrapped's People

Contributors

Stargazers

Watchers

Forkers

discord-wrapped's Issues

Recommend Projects

Recommend Topics

Recommend Org