Wizard - FM-DX Webserver

Tuner settings

Tuner type

Settings a proper device type ensures that the correct interface and settings will load.

<%- include('_components', { component: 'dropdown', id: 'device-selector', inputId: 'device', label: 'Device', cssClass: '', placeholder: 'TEF668x / TEA685x', options: tunerProfiles.map(profile => ({ value: profile.id, label: profile.label })) }) %>

Tuner connection

Direct TCP/IP

It's time to choose your serial port.

<%- include('_components', { component: 'dropdown', id: 'deviceList', inputId: 'xdrd-comPort', label: 'Serial port', cssClass: '', placeholder: 'Choose your serial port', options: serialPorts.map(serialPort => ({ value: serialPort.path, label: `${serialPort.path} - ${serialPort.friendlyName}` })) }) %>

If you are connecting your tuner wirelessly, enter the tuner IP.
If you use xdrd, use 127.0.0.1 as your IP.

<%- include('_components', {component: 'text', cssClass: 'w-150 br-15', label: 'xdrd IP address', id: 'xdrd-xdrdIp'}) %> <%- include('_components', {component: 'text', cssClass: 'w-100 br-15', label: 'xdrd port', id: 'xdrd-xdrdPort'}) %> <%- include('_components', {component: 'text', cssClass: 'w-150 br-15', label: 'xdrd password', id: 'xdrd-xdrdPassword', password: true}) %>

Audio settings

In this section, we will set up the audio.
Choose the audio port your tuner is connected to and desired audio settings here.

Recommended defaults have already been set for the audio quality, you can keep them as-is.

<%- include('_components', { component: 'dropdown', id: 'audioList', inputId: 'audio-audioDevice', label: 'Audio device', cssClass: '', placeholder: 'Choose your audio device', options: [ ...videoDevices.map(device => ({ value: device.name, label: `${device.name}` })), ...audioDevices.map(device => ({ value: device.name, label: `${device.name}` })) ] }) %> <%- include('_components', { component: 'dropdown', id: 'audio-channels-dropdown', inputId: 'audio-audioChannels', label: 'Audio channels', cssClass: '', placeholder: 'Stereo', options: [ { value: '2', label: 'Stereo' }, { value: '1', label: 'Mono' } ] }) %> <%- include('_components', { component: 'dropdown', id: 'audio-quality-dropdown', inputId: 'audio-audioBitrate', label: 'Audio quality', cssClass: '', placeholder: '128kbps (standard)', options: [ { value: '64k', label: '64kbps (lowest quality)' }, { value: '96k', label: '96kbps (low quality)' }, { value: '128k', label: '128kbps (standard)' }, { value: '192k', label: '192kbps (high quality)' }, { value: '256k', label: '256kbps (very high quality)' }, { value: '320k', label: '320kbps (ultra quality)' } ] }) %>

If you use an USB audio card on Linux, enabling this option might fix your audio issues.

<%- include('_components', {component: 'checkbox', cssClass: 'panel-100 flex-container flex-center', label: 'ALSA Software mode', id: 'audio-softwareMode'}) %>

Legacy option for Linux / macOS that could resolve audio issues, but will consume additional CPU and RAM usage.

<%- include('_components', {component: 'checkbox', cssClass: 'panel-100 flex-container flex-center', label: 'Additional FFmpeg', id: 'audio-ffmpeg'}) %>

Webserver info

In this part, we will set up your webserver info, such as the server name, description and location.

Webserver name:
Webserver description:

Location

Location info is useful for automatic identification of stations using RDS.

<%- include('_components', {component: 'text', cssClass: 'w-250 br-15', placeholder: '', label: 'Latitude', id: 'identification-lat'}) %> <%- include('_components', {component: 'text', cssClass: 'w-250 br-15', placeholder: '', label: 'Longitude', id: 'identification-lon'}) %>

Map broadcast

If your location info is filled, you can add your tuner to a public list.

The list is available at servers.fmdx.org.

By activating the Broadcast to map option, you agree to the Terms of Service.

<%- include('_components', {component: 'checkbox', cssClass: '', label: 'Broadcast to map', id: 'identification-broadcastTuner'}) %>
<%- include('_components', {component: 'checkbox', cssClass: '', label: 'Allow tuning without password', id: 'publicTuner'}) %>

If you use a proxy / tunnel service, enter the access link here. If you don't know what a proxy is, leave it empty.

<%- include('_components', {component: 'text', cssClass: 'br-15', label: 'Broadcast address (if using a proxy)', id: 'identification-proxyIp'}) %>

Admin panel settings

We are at the last and final step of the wizard.

Here we can set the password. Tune password is optional.
Setting an admin password allows you to change settings later and setting one up is mandatory.

<%- include('_components', {component: 'text', cssClass: 'w-150 br-15', placeholder: '', label: 'Tune password', id: 'password-tunePass', password: true}) %> <%- include('_components', {component: 'text', cssClass: 'w-150 br-15', placeholder: '', label: 'Admin password', id: 'password-adminPass', password: true}) %>

You can now click the save button to save your settings. After that, you will need to restart the webserver.

[SETUP WIZARD]

Basic settings

Webserver connection