basic

• auth by chat command?
• auth by twitch
• auth by vkplay
• auth by discord
• auth by vk
• auth by steam
• countdown
• githib actions deploy (front only?)
• ssl support
• read chat from stream?
• support for multiple colors
• bot protection
• session caching
• moderations (with log)
• replace res/ -> assets/
• online users list
• reset countdown on login
• twitch extension (https://dev.twitch.tv/docs/extensions/)
• rename all qq to admin or super
• buy pixel-battle.ru | pixelbattles.ru
• use one countdown for every session with one authorization
• use one countdown for active unauthorized users with one ip address
• do not allow more than one (or percentage of the number online) user with one IP address
• integration tests
• fix zoom on click on non canvas and "pixel" elements
• webassembly + canvas =)

admin panel

• add admin route
• update stream frame
• cover up area
• change countdown in runtime
• change coundfown for uuid/nick/ip
• freeze area
• statistic (online, total pixels, online/pixels by hour/day)
• preview last changes, heatmap, changes by user
• get pixel author (uuid, IP, nickname, auth service)
• get users on IP address
• ban by uuid (shadow)
• ban by IP address (shadow)

server

• backup frames / pixels for timelapse
• auto restart on fail (fix ffmpeg problems)
• auto restart: write process.pid to file
• auto restart: add servise with chatbot for notification
• auto restart (use PM2)
• fit the canvas into the frame
• write start datetime to file
• freeze frame to stream from admin panel
• rotated access log
• use database instead files
• binary ws messages?
• move ssl handle to nginx? (https://www.sitepoint.com/configuring-nginx-ssl-node-js/)
• merge token|uuid vars name?
• const.js -> config.json
• if not use database, replace: pixels.log, inout.png, pid, expands.log, messages.log, sessions/x/x/x/, sessions/auth.json, sessions/list, sessions/logout.log to DB/
• sessios file structure like git objects a/b/c/abcdefg000000 -> ab/abcdefg000000
• replace server/tools/getPixelInfo -> server/
• remove event emitter
• use nestjs?

web

• drawing
• zooming
• select color
• zooming at cursor
• zooming at mobile
• fix pixel cursor position
• go to position on click
• mobile layout
• check is offline
• link to stream
• contrast border for pixel placeholder
• FAQ page
• timelapse page
• leaderboard page
• build svg inside page (https://github.com/albinotonnina/parcel-plugin-inlinesvg)
• fix layout after resize
• dont rerender canvas conponent in update countdown timer (and on move pixel)
• scale with canvas instead of css (for safari?)
• decomposite canvas component by hooks (useDrag, useWheel, useTouch)
• replace Bar panel to App
• offline indicator
• add react router and make SPA

page with infinity map

• parts of map like geo

configurate

how to configurate ssl certificate

sudo certbot certonly --webroot -w /var/www/html -d api.pixelbattles.ru

OR

sudo certbot certonly --standalone -d api.pixelbattles.ru
sudo cp /etc/letsencrypt/live/api.pixelbattles.ru/* ./

how to render timelapse

ffmpeg -r 30 -i %08d.png -stream_loop -1 -i audio.mp3 -vf "scale=1704:960" -c:v libx264 -c:a aac -shortest output.mp4

or

ffmpeg -r 30 -i %08d.png -i https://play.lofiradio.ru:8000/mp3_128 -vf "scale=1704:960" -c:v libx264 -c:a aac -shortest output.mp4

or

ffmpeg -r 30 -i %08d.png -vf "scale=426:240" -c:v libx264 -c:a aac -shortest output.mp4

or

ffmpeg -i http://stream.antenne.de:80/antenne -r 30 -i %08d.png -vf "scale=1920:1080" -c:v libx264 -c:a aac -shortest output.mp4

ffmpeg -i bgmusic.mp3 -r 30 -i %08d.png -vf "scale=1280:720" -c:v libx264 -c:a aac -shortest output.mp4

S1E2 TODO

• move and re create: (bash ./newep.sh)

• (auto) pixels.log

• (auto) expands.log

• (auto) inout.log (112x112) // 120x120

• update .env file

• clear FINISH_TIME_STAMP

• UPSCALE=true

• update constants

• coundown

• add new colors

nginx

sudo apt-get install nginx
sudo nginx
sudo cp /etc/nginx/sites-available/default /etc/nginx/sites-available/example
sudo ln -s /etc/nginx/sites-available/example /etc/nginx/sites-enabled/example
sudo vim /etc/nginx/sites-available/example
sudo /etc/init.d/nginx restart
sudo nginx -s reload

sudo cp /etc/letsencrypt/live/api.pixelbattles.ru/fullchain.pem /etc/nginx/ssl/server.crt
sudo cp /etc/letsencrypt/live/api.pixelbattles.ru/privkey.pem /etc/nginx/ssl/server.key

/etc/nginx/sites-available/example

server {
	listen 80;
	listen 443 ssl;
	server_name pixelbattle.online;

	rewrite ^/$ http://www.pixelbattles.ru redirect;

	ssl_certificate /etc/nginx/ssl/server.crt;
	ssl_certificate_key /etc/nginx/ssl/server.key;
}

server {
	listen 80;
	listen 443 ssl;
	server_name www.pixelbattle.online;

	rewrite ^/$ http://www.pixelbattles.ru redirect;

	ssl_certificate /etc/nginx/ssl/server.crt;
	ssl_certificate_key /etc/nginx/ssl/server.key;
}

server {
	listen 80;
	listen 443 ssl;
	server_name api.pixelbattles.ru;

	location / {
		proxy_pass http://localhost:7000;
		proxy_http_version 1.1;
		proxy_set_header Upgrade $http_upgrade;
		proxy_set_header Connection 'upgrade';
		proxy_set_header Host $host;
		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
		proxy_cache_bypass $http_upgrade;
	}

	ssl_certificate /home/r/node-rtmp-stream/ssl-cert/fullchain.pem;
	ssl_certificate_key /home/r/node-rtmp-stream/ssl-cert/privkey.pem;
}