Hiyve Components - v1.0.0
    Preparing search index...

    Interface DeviceSelectorLabels

    Customizable text labels for the DeviceSelector component.

    All text displayed in the DeviceSelector can be customized through this interface. This enables full internationalization (i18n) support.

    import { defaultDeviceSelectorLabels } from '@hiyve/react-ui';

    // German labels
    const germanLabels: Partial<DeviceSelectorLabels> = {
    camera: 'Kamera',
    microphone: 'Mikrofon',
    speaker: 'Lautsprecher',
    errorMessage: 'Zugriff auf Mediengeräte nicht möglich',
    deviceFallbackFormat: (kind, deviceId) => `${kind} (${deviceId.slice(0, 8)})`,
    };

    <DeviceSelector labels={germanLabels} />
    interface DeviceSelectorLabels {
        advanced: string;
        audioOutputNotSupported: string;
        audioProfile: string;
        audioProfileInstrument: string;
        audioProfileInstrumentDescription: string;
        audioProfileMusic: string;
        audioProfileMusicDescription: string;
        audioProfileVoice: string;
        audioProfileVoiceDescription: string;
        camera: string;
        deviceFallbackFormat: (kind: string, deviceId: string) => string;
        errorMessage: string;
        microphone: string;
        microphoneBoost: string;
        microphoneBoostDescription: string;
        microphoneBoostFormat: (db: number) => string;
        refreshDevices: string;
        speaker: string;
        testAudio: string;
    }
    Index

    Properties

    advanced: string

    Toggle that reveals the Advanced section

    audioOutputNotSupported: string

    Message shown when audio output selection is not supported by the browser

    audioProfile: string

    Heading for the capture-profile choice

    audioProfileInstrument: string

    The instrument profile — shown as “Headphones only” by default

    audioProfileInstrumentDescription: string
    audioProfileMusic: string
    audioProfileMusicDescription: string
    audioProfileVoice: string
    audioProfileVoiceDescription: string

    One-line descriptions shown for the selected profile

    camera: string

    Label for the camera/video input selector

    deviceFallbackFormat: (kind: string, deviceId: string) => string

    Function to format device label when no label is available. This is called when the browser doesn't provide a device label.

    Type Declaration

      • (kind: string, deviceId: string): string
      • Parameters

        • kind: string

          The device kind ('videoinput', 'audioinput', 'audiooutput')

        • deviceId: string

          The device ID

        Returns string

        A formatted label string

    errorMessage: string

    Error message shown when device access fails

    microphone: string

    Label for the microphone/audio input selector

    microphoneBoost: string

    Label for the microphone boost slider

    microphoneBoostDescription: string

    One-line note under the boost slider

    microphoneBoostFormat: (db: number) => string

    Formats the slider value, e.g. +6 dB

    refreshDevices: string

    Label for the refresh devices button

    speaker: string

    Label for the speaker/audio output selector

    testAudio: string

    Label for the test audio button