Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
m1k1o
GitHub Repository: m1k1o/neko
Path: blob/master/webpage/docs/customization/ui.md
1007 views
---
sidebar_label: "User Interface" description: "Customize the Neko user interface with your own UI files."
---

Customizing the UI

Currently there is no configuration for customizing the UI of Neko. You need to modify the source code to change the UI.

# Clone the repository git clone https://github.com/m1k1o/neko # Change to the client directory cd neko/client # Install the dependencies npm install # Build the project npm run build

You can mount your newly created UI files to the container to /var/www to overwrite the default files. The Neko web server will automatically reload the new files when they are changed. You can use the following command to mount your new UI files to the container:

services: neko: image: "ghcr.io/m1k1o/neko/firefox:latest" restart: "unless-stopped" shm_size: "2gb" ports: - "8080:8080" - "52000-52100:52000-52100/udp" # highlight-start volumes: - "./client/dist:/var/www" # highlight-end environment: NEKO_DESKTOP_SCREEN: 1920x1080@30 NEKO_MEMBER_MULTIUSER_USER_PASSWORD: neko NEKO_MEMBER_MULTIUSER_ADMIN_PASSWORD: admin NEKO_WEBRTC_EPR: 52000-52100 NEKO_WEBRTC_ICELITE: 1

Query parameters {#query-parameters}

You can use query parameters to customize the Neko web interface. These parameters can be added to the URL when accessing the Neko web interface. The following table lists the available query parameters:

Query ParameterDescription
?usr=<username>Prefills the username field.
?pwd=<password>Prefills the password field.
?cast=1Hides all controls and shows only the video.
?embed=1Hides most additional components and shows only the video.
?volume=<0-1>Sets the volume to the given value (between 0 and 1).
?lang=<language>Sets the language to the given value.
?show_side=1Shows the sidebar on startup.
?mute_chat=1Mutes the chat on startup.

You can combine multiple query parameters in the URL. For example, to set the username to guest, the password to neko, and enable casting mode, you can use the following URL:

Example: http(s)://<URL:Port>/?pwd=neko&usr=guest&cast=1