feat: manual audio device selector (#237)

* Add manual audio selector

* fixed the bugs in config.qml

* fix and simplify audio device configuration

* simplify AudioOutput device selection

* AudioOutputDevice should be empty by default

---------

Co-authored-by: Luis Bocanegra <luisbocanegra@users.noreply.github.com>

Author: noticedcloud

package/contents/config/main.xml

@@ -11,9 +11,13 @@
       <default>[]</default>
     </entry>
     <entry name="BackgroundColor" type="String">
-      <label>Last folder used</label>
+      <label>Background color</label>
       <default>#000000</default>
     </entry>
+    <entry name="AudioOutputDevice" type="String">
+      <label>Audio output device</label>
+      <default></default>
+    </entry>
     <entry name="FillMode" type="Int">
       <label>Video fill mode</label>
       <default>2</default>

package/contents/ui/FadePlayer.qml

@@ -26,6 +26,7 @@ Item {
     property bool fillBlur: true
     property real alternativePlaybackRateGlobal: 0.5
     property bool useAlternativePlaybackRate: false
+    property string audioOutputDevice
 
     // Crossfade must not be longer than the shortest video or the fade becomes glitchy
     // we don't know the length until a video gets played, so the crossfade duration
@@ -111,6 +112,7 @@ Item {
         source: playerSource.filename ?? ""
         volume: root.volume
         muted: root.muted
+        audioOutputDevice: root.audioOutputDevice
         z: 2
         opacity: 1
         fillMode: root.fillMode
@@ -206,6 +208,7 @@ Item {
         source: playerSource.filename ?? ""
         volume: root.volume
         muted: root.muted
+        audioOutputDevice: root.audioOutputDevice
         z: 1
         fillMode: root.fillMode
         fillBlur: root.fillBlur

package/contents/ui/VideoPlayer.qml

@@ -21,6 +21,8 @@ Item {
     readonly property alias videoHeight: videoOutput.contentRect.height
     readonly property alias videoWidth: videoOutput.contentRect.width
     readonly property bool showFillBlur: root.fillBlur && root.fitScale !== 1
+    property string audioOutputDevice
+    readonly property string currentAudioDevice: audioOutput.device ? audioOutput.device.description : i18n("Unknown")
     property real fitScale: {
         if (height > videoHeight) {
             return height / videoHeight;
@@ -48,9 +50,22 @@ Item {
         anchors.fill: parent
     }
 
+    MediaDevices {
+        id: mediaDevices
+    }
+
     AudioOutput {
         id: audioOutput
         volume: root.opacity * root.volume
+        device: {
+            let output;
+            if (root.audioOutputDevice !== "") {
+                output = mediaDevices.audioOutputs.find(o => {
+                    return o.id.toString() === root.audioOutputDevice;
+                });
+            }
+            return output || mediaDevices.defaultAudioOutput;
+        }
     }
 
     MediaPlayer {

package/contents/ui/config.qml

@@ -45,6 +45,7 @@ ColumnLayout {
     property alias cfg_BatteryDisablesBlur: batteryDisablesBlurCheckBox.checked
     property alias cfg_BlurRadius: blurRadiusSpinBox.value
     property string cfg_VideoUrls
+    property alias cfg_AudioOutputDevice: audioDeviceCombo.currentValue
     property bool isLoading: false
     property alias cfg_ScreenOffPausesVideo: screenOffPausesVideoCheckbox.checked
     property alias cfg_ScreenStateCmd: screenStateCmdTextField.text
@@ -157,6 +158,34 @@ ColumnLayout {
         return model;
     }
 
+    MediaDevices {
+        id: mediaDevices
+        onAudioOutputsChanged: root.getAudioDevicesModel()
+    }
+
+    ListModel {
+        id: audioDevicesModel
+    }
+
+    function getAudioDevicesModel() {
+        audioDevicesModel.clear();
+
+        audioDevicesModel.append({
+            "id": "",
+            "description": i18nd("plasma_wallpaper_luisbocanegra.smart.video.wallpaper.reborn", "Default")
+        });
+
+        mediaDevices.audioOutputs.forEach(o => {
+            const id = o.id.toString();
+            const description = o.description.toString();
+            console.log("Output", id, description);
+            audioDevicesModel.append({
+                id,
+                description
+            });
+        });
+    }
+
     function updateConfig() {
         let videos = new Array();
         for (let i = 0; i < videosModel.model.count; i++) {
@@ -193,6 +222,7 @@ ColumnLayout {
 
     Component.onCompleted: {
         videosModel.initModel(cfg_VideoUrls);
+        getAudioDevicesModel();
     }
 
     Kirigami.FormLayout {
@@ -604,6 +634,15 @@ ColumnLayout {
             visible: root.currentTab === 1
         }
 
+        ComboBox {
+            id: audioDeviceCombo
+            visible: root.currentTab === 1 && root.cfg_MuteMode !== 5
+            Kirigami.FormData.label: i18nd("plasma_wallpaper_luisbocanegra.smart.video.wallpaper.reborn", "Audio device:")
+            model: audioDevicesModel
+            textRole: "description"
+            valueRole: "id"
+        }
+
         RowLayout {
             visible: root.currentTab === 1 && root.cfg_MuteMode !== 5
             Label {

package/contents/ui/main.qml

@@ -302,6 +302,7 @@ WallpaperItem {
             useAlternativePlaybackRate: main.useAlternativePlaybackRate
             alternativePlaybackRateGlobal: main.configuration.AlternativePlaybackRate
             resumeLastVideo: main.configuration.ResumeLastVideo
+            audioOutputDevice: main.configuration.AudioOutputDevice
         }
     }
     FastBlur {
@@ -368,7 +369,8 @@ WallpaperItem {
                     text += `inLockScreen: ${main.lockScreenMode}\n`;
                     text += `screenLocked: ${main.screenLocked}\n`;
                     text += `showBlur: ${main.showBlur}\n`;
-                    text += `id: ${Plasmoid.id}`;
+                    text += `id: ${Plasmoid.id}\n`;
+                    text += `Audio Device: ${player.player1.currentAudioDevice}`;
                     return text;
                 }
             }