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 {
        audioOutputNotSupported: string;
        camera: string;
        deviceFallbackFormat: (kind: string, deviceId: string) => string;
        errorMessage: string;
        microphone: string;
        refreshDevices: string;
        speaker: string;
        testAudio: string;
    }
    Index

    Properties

    audioOutputNotSupported camera deviceFallbackFormat errorMessage microphone refreshDevices speaker testAudio

    Properties

    audioOutputNotSupported: string

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

    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

    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

    Settings

    Member Visibility

    On This Page

    Properties