Vue device selection and effects

Use the supplied room in mediasfu-vue 1.2.1 for its media settings, background experience, and translation UI.

Device selection

The supplied room exposes media settings and handles the device-selection flow. The package root does not expose the same standalone device-switch helpers as ReactJS. If you build a separate picker, use browser permission and device APIs in your Vue application, then hand the selected preference back through the supported room interface. Do not create a second transport or media pipeline for the picker.

Device labels may be blank until permission is granted. Let users recover from denied permission or a disconnected device and verify that the active room resumes sending the selected input.

Virtual backgrounds and translation

The package provides BackgroundModal and useBackgroundModal for its background UI. Processing availability depends on the browser and device; keep the normal camera and a None option available. Hidden-tab processing is enabled by default where implemented, is configurable, and remains subject to browser throttling.

Translation surfaces include liveSubtitleService, createLiveSubtitleService, and translation receive helpers. Use them only when the room enables translation. They do not supply a transcription provider or promise language coverage, accuracy, translated audio, or storage.

Continue with Vue room operations and Vue media recovery.