r_loading Customization
Replace the r_loading background video, music playlist and logo with your own files, and set the accent colour to match your server.
Media files
All media lives in web/build/media/ (right next to the loading-screen UI). Replace
these files with your own. Keep the same names, or point config.js at new ones.
Background video
Replace web/build/media/video/background.mp4, or set a new path in config.js:
video: { src: 'media/video/my-clip.mp4', brightness: 0.35 },Music tracks
Drop .mp3 files into web/build/media/music/ and list them under music.tracks:
tracks: [
{ title: 'Track One', artist: 'You', src: 'media/music/track1.mp3' },
{ title: 'Track Two', artist: 'You', src: 'media/music/track2.mp3' }
]Logo
Replace web/build/media/images/logo.png (a transparent PNG looks best), or set
logo in config.js to a new file.
Paths in config.js are relative to the UI, so media/video/background.mp4 points at
web/build/media/video/background.mp4. Media must live inside web/build/media. Files
placed elsewhere in the resource are not served to the loading screen.
Accent colour
One value re-themes the whole screen. The progress bar, rail, icons, highlighted keys and player controls:
colors: { primary: '#9a27ea' },