[WIP] [UI] Add voice dialog

[GiviMAD]

This is a WIP PR for the issue #2275

The PR uses these audio WebSocket which is still in review openhab/openhab-core#4032 so you need to use the org.openhab.core.io.websocket and org.openhab.core.voice bundles from there if you want to test it.

It is built on top of the webpack 5 upgrade PR #2267, because on webpack 4 you need to use loaders and I didn't want to generate more work to do in a future upgrade. The actual PR changes are in the last commit.

Changes added:

I have added that panel at the end of the "help & about" page (it should only be displayed if the necessary APIs are available), it contains the following options:

• "Enable Voice Dialog": When enabled the dialog execution will start after the first user event on the page (needed to start the microphone stream).
• "Connection ID": And auto generated code that is used to register the audio components. Ex: the id of the registered sink will look like "pcm::ui-52-68::sink".
• "Selected Keyword": Rustpotter config, choose rustpotter model file. At the moment the file is selected using an input type file and persisted using an IndexedDB instance.
• "Keyword Threshold": Rustpotter config, threshold in range 0 - 1.
• "Keyword Min Detections": Rustpotter config, min number of positive scores to emit the detection.
• "Listening Item": Dialog configuration, Item to toggle while listening the command.
• "Location Item": Dialog configuration, used by the Standard language processor to improve the Item selection.

Modifying any of the options triggers a page reload.

The dialog will use the voice services configured at "Settings / Voice". Once the dialog is running it can be triggered using the voice if the rustpotter model was provided, or using the listenAndAnswer action. For example from the oh console by running voice listenandanswer --source pcm::ui-52-68::source --sink pcm::ui-52-68::sink.

For now I have placed some console warning in the events emitted about the dialog state.

I wanted to open the PR in case you can give me some feedback about the integration of the feature or in case someone wants to dig into the implementation.

Best regards.

[relativeci]

#2674 Bundle Size — 11.05MiB (+0.65%).

25d363c(current) vs d16fe3a main#2671(baseline)

Warning

Bundle contains 2 duplicate packages – View duplicate packages

Warning

Bundle introduced one new package: reentrant-lock – View changed packages

Bundle metrics   7 changes 3 regressions

	Current #2674	Baseline #2671
Initial JS	1.9MiB(+0.11%)	1.9MiB
Initial CSS	577.21KiB	577.21KiB
Cache Invalidation	18.3%	18.28%
Chunks	229(+0.88%)	227
Assets	254(+1.6%)	250
Modules	2960(+0.34%)	2950
Duplicate Modules	155(+0.65%)	154
Duplicate Code	1.8%	1.8%
Packages	99(+1.02%)	98
Duplicate Packages	2	2

Bundle size by type   2 changes 2 regressions

	Current #2674	Baseline #2671
JS	9.26MiB (+0.78%)	9.19MiB
CSS	867.09KiB (~+0.01%)	867.02KiB
Fonts	526.1KiB	526.1KiB
Media	295.6KiB	295.6KiB
IMG	140.74KiB	140.74KiB
HTML	1.38KiB	1.38KiB
Other	871B	871B

Bundle analysis report Branch GiviMAD:feature/voice_dialog Project dashboard

---

^{Generated by RelativeCI Documentation Report issue}