413 lines
11 KiB
QML
413 lines
11 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
import Quickshell.Services.Pipewire
|
|
import qs.Commons
|
|
import qs.Services
|
|
import qs.Widgets
|
|
|
|
ColumnLayout {
|
|
id: root
|
|
spacing: Style.marginL * scaling
|
|
|
|
NHeader {
|
|
label: "Volumes"
|
|
description: "Configure volume controls and audio levels."
|
|
}
|
|
|
|
property real localVolume: AudioService.volume
|
|
|
|
Connections {
|
|
target: AudioService.sink?.audio ? AudioService.sink?.audio : null
|
|
function onVolumeChanged() {
|
|
localVolume = AudioService.volume
|
|
}
|
|
}
|
|
|
|
// Master Volume
|
|
ColumnLayout {
|
|
spacing: Style.marginXXS * scaling
|
|
Layout.fillWidth: true
|
|
|
|
NLabel {
|
|
label: "Output Volume"
|
|
description: "System-wide volume level."
|
|
}
|
|
|
|
// Pipewire seems a bit finicky, if we spam too many volume changes it breaks easily
|
|
// Probably because they have some quick fades in and out to avoid clipping
|
|
// We use a timer to space out the updates, to avoid lock up
|
|
Timer {
|
|
interval: Style.animationFast
|
|
running: true
|
|
repeat: true
|
|
onTriggered: {
|
|
if (Math.abs(localVolume - AudioService.volume) >= 0.01) {
|
|
AudioService.setVolume(localVolume)
|
|
}
|
|
}
|
|
}
|
|
|
|
NValueSlider {
|
|
Layout.fillWidth: true
|
|
from: 0
|
|
to: Settings.data.audio.volumeOverdrive ? 2.0 : 1.0
|
|
value: localVolume
|
|
stepSize: 0.01
|
|
text: Math.floor(AudioService.volume * 100) + "%"
|
|
onMoved: {
|
|
localVolume = value
|
|
}
|
|
}
|
|
}
|
|
|
|
// Mute Toggle
|
|
ColumnLayout {
|
|
spacing: Style.marginS * scaling
|
|
Layout.fillWidth: true
|
|
|
|
NToggle {
|
|
label: "Mute Audio Output"
|
|
description: "Mute or unmute the default audio output."
|
|
checked: AudioService.muted
|
|
onToggled: checked => {
|
|
if (AudioService.sink && AudioService.sink.audio) {
|
|
AudioService.sink.audio.muted = checked
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Input Volume
|
|
ColumnLayout {
|
|
spacing: Style.marginXS * scaling
|
|
Layout.fillWidth: true
|
|
|
|
NLabel {
|
|
label: "Input Volume"
|
|
description: "Microphone input volume level."
|
|
}
|
|
|
|
NValueSlider {
|
|
Layout.fillWidth: true
|
|
from: 0
|
|
to: 1.0
|
|
value: AudioService.inputVolume
|
|
stepSize: 0.01
|
|
text: Math.floor(AudioService.inputVolume * 100) + "%"
|
|
onMoved: value => AudioService.setInputVolume(value)
|
|
}
|
|
}
|
|
|
|
// Input Mute Toggle
|
|
ColumnLayout {
|
|
spacing: Style.marginS * scaling
|
|
Layout.fillWidth: true
|
|
|
|
NToggle {
|
|
label: "Mute Audio Input"
|
|
description: "Mute or unmute the default audio input (microphone)."
|
|
checked: AudioService.inputMuted
|
|
onToggled: checked => AudioService.setInputMuted(checked)
|
|
}
|
|
}
|
|
|
|
// Volume Step Size
|
|
ColumnLayout {
|
|
spacing: Style.marginS * scaling
|
|
Layout.fillWidth: true
|
|
|
|
NSpinBox {
|
|
Layout.fillWidth: true
|
|
label: "Volume Step Size"
|
|
description: "Adjust the step size for volume changes (scroll wheel, keyboard shortcuts)."
|
|
minimum: 1
|
|
maximum: 25
|
|
value: Settings.data.audio.volumeStep
|
|
stepSize: 1
|
|
suffix: "%"
|
|
onValueChanged: Settings.data.audio.volumeStep = value
|
|
}
|
|
}
|
|
|
|
NDivider {
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: Style.marginXL * scaling
|
|
Layout.bottomMargin: Style.marginXL * scaling
|
|
}
|
|
|
|
// AudioService Devices
|
|
ColumnLayout {
|
|
spacing: Style.marginS * scaling
|
|
|
|
NHeader {
|
|
label: "Audio Devices"
|
|
description: "Configure audio input and output devices."
|
|
}
|
|
|
|
// -------------------------------
|
|
// Output Devices
|
|
ButtonGroup {
|
|
id: sinks
|
|
}
|
|
|
|
ColumnLayout {
|
|
spacing: Style.marginXS * scaling
|
|
Layout.fillWidth: true
|
|
Layout.bottomMargin: Style.marginL * scaling
|
|
|
|
NLabel {
|
|
label: "Output Device"
|
|
description: "Select the desired audio output device."
|
|
}
|
|
|
|
Repeater {
|
|
model: AudioService.sinks
|
|
NRadioButton {
|
|
required property PwNode modelData
|
|
ButtonGroup.group: sinks
|
|
checked: AudioService.sink?.id === modelData.id
|
|
onClicked: AudioService.setAudioSink(modelData)
|
|
text: modelData.description
|
|
}
|
|
}
|
|
}
|
|
|
|
// -------------------------------
|
|
// Input Devices
|
|
ButtonGroup {
|
|
id: sources
|
|
}
|
|
|
|
ColumnLayout {
|
|
spacing: Style.marginXS * scaling
|
|
Layout.fillWidth: true
|
|
|
|
NLabel {
|
|
label: "Input Device"
|
|
description: "Select the desired audio input device."
|
|
}
|
|
|
|
Repeater {
|
|
model: AudioService.sources
|
|
NRadioButton {
|
|
required property PwNode modelData
|
|
ButtonGroup.group: sources
|
|
checked: AudioService.source?.id === modelData.id
|
|
onClicked: AudioService.setAudioSource(modelData)
|
|
text: modelData.description
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Divider
|
|
NDivider {
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: Style.marginXL * scaling
|
|
Layout.bottomMargin: Style.marginXL * scaling
|
|
}
|
|
|
|
// Media Player Preferences
|
|
ColumnLayout {
|
|
spacing: Style.marginL * scaling
|
|
|
|
NHeader {
|
|
label: "Media Player"
|
|
description: "Configure your favorite media players."
|
|
}
|
|
|
|
// Preferred player
|
|
NTextInput {
|
|
label: "Preferred Player"
|
|
description: "Substring to match MPRIS player (identity/bus/desktop)."
|
|
placeholderText: "e.g. spotify, vlc, mpv"
|
|
text: Settings.data.audio.preferredPlayer
|
|
onTextChanged: {
|
|
Settings.data.audio.preferredPlayer = text
|
|
MediaService.updateCurrentPlayer()
|
|
}
|
|
}
|
|
|
|
// Blacklist editor
|
|
ColumnLayout {
|
|
spacing: Style.marginS * scaling
|
|
Layout.fillWidth: true
|
|
|
|
RowLayout {
|
|
spacing: Style.marginS * scaling
|
|
Layout.fillWidth: true
|
|
|
|
NTextInput {
|
|
id: blacklistInput
|
|
label: "Blacklist player"
|
|
description: "Substring, e.g. plex, shim, mpv."
|
|
placeholderText: "type substring and press +"
|
|
}
|
|
|
|
// Button aligned to the center of the actual input field
|
|
NIconButton {
|
|
icon: "add"
|
|
Layout.alignment: Qt.AlignBottom
|
|
Layout.bottomMargin: blacklistInput.description ? Style.marginS * scaling : 0
|
|
onClicked: {
|
|
const val = (blacklistInput.text || "").trim()
|
|
if (val !== "") {
|
|
const arr = (Settings.data.audio.mprisBlacklist || [])
|
|
if (!arr.find(x => String(x).toLowerCase() === val.toLowerCase())) {
|
|
Settings.data.audio.mprisBlacklist = [...arr, val]
|
|
blacklistInput.text = ""
|
|
MediaService.updateCurrentPlayer()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Current blacklist entries
|
|
Flow {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: Style.marginS * scaling
|
|
spacing: Style.marginS * scaling
|
|
|
|
Repeater {
|
|
model: Settings.data.audio.mprisBlacklist
|
|
delegate: Rectangle {
|
|
required property string modelData
|
|
// Padding around the inner row
|
|
property real pad: Style.marginS * scaling
|
|
// Visuals
|
|
color: Qt.alpha(Color.mOnSurface, 0.125)
|
|
border.color: Qt.alpha(Color.mOnSurface, Style.opacityLight)
|
|
border.width: Math.max(1, Style.borderS * scaling)
|
|
|
|
// Content
|
|
RowLayout {
|
|
id: chipRow
|
|
spacing: Style.marginXS * scaling
|
|
anchors.fill: parent
|
|
anchors.margins: pad
|
|
|
|
NText {
|
|
text: modelData
|
|
color: Color.mOnSurface
|
|
font.pointSize: Style.fontSizeS * scaling
|
|
Layout.alignment: Qt.AlignVCenter
|
|
Layout.leftMargin: Style.marginS * scaling
|
|
}
|
|
|
|
NIconButton {
|
|
icon: "close"
|
|
sizeRatio: 0.8
|
|
Layout.alignment: Qt.AlignVCenter
|
|
Layout.rightMargin: Style.marginXS * scaling
|
|
onClicked: {
|
|
const arr = (Settings.data.audio.mprisBlacklist || [])
|
|
const idx = arr.findIndex(x => String(x) === modelData)
|
|
if (idx >= 0) {
|
|
arr.splice(idx, 1)
|
|
Settings.data.audio.mprisBlacklist = arr
|
|
MediaService.updateCurrentPlayer()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Intrinsic size derived from inner row + padding
|
|
implicitWidth: chipRow.implicitWidth + pad * 2
|
|
implicitHeight: Math.max(chipRow.implicitHeight + pad * 2, Style.baseWidgetSize * 0.8 * scaling)
|
|
radius: Style.radiusM * scaling
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Divider
|
|
NDivider {
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: Style.marginXL * scaling
|
|
Layout.bottomMargin: Style.marginXL * scaling
|
|
}
|
|
|
|
// AudioService Visualizer Category
|
|
ColumnLayout {
|
|
spacing: Style.marginS * scaling
|
|
Layout.fillWidth: true
|
|
|
|
NHeader {
|
|
label: "Audio Visualizer"
|
|
description: "Customize visual effects that respond to audio playback."
|
|
}
|
|
|
|
// AudioService Visualizer section
|
|
NComboBox {
|
|
id: audioVisualizerCombo
|
|
label: "Visualization Type"
|
|
description: "Choose a visualization type for media playback"
|
|
model: ListModel {
|
|
ListElement {
|
|
key: "none"
|
|
name: "None"
|
|
}
|
|
ListElement {
|
|
key: "linear"
|
|
name: "Linear"
|
|
}
|
|
ListElement {
|
|
key: "mirrored"
|
|
name: "Mirrored"
|
|
}
|
|
ListElement {
|
|
key: "wave"
|
|
name: "Wave"
|
|
}
|
|
}
|
|
currentKey: Settings.data.audio.visualizerType
|
|
onSelected: key => Settings.data.audio.visualizerType = key
|
|
}
|
|
|
|
NComboBox {
|
|
label: "Frame Rate"
|
|
description: "Target frame rate for audio visualizer."
|
|
model: ListModel {
|
|
ListElement {
|
|
key: "30"
|
|
name: "30 FPS"
|
|
}
|
|
ListElement {
|
|
key: "60"
|
|
name: "60 FPS"
|
|
}
|
|
ListElement {
|
|
key: "100"
|
|
name: "100 FPS"
|
|
}
|
|
ListElement {
|
|
key: "120"
|
|
name: "120 FPS"
|
|
}
|
|
ListElement {
|
|
key: "144"
|
|
name: "144 FPS"
|
|
}
|
|
ListElement {
|
|
key: "165"
|
|
name: "165 FPS"
|
|
}
|
|
ListElement {
|
|
key: "240"
|
|
name: "240 FPS"
|
|
}
|
|
}
|
|
currentKey: Settings.data.audio.cavaFrameRate
|
|
onSelected: key => Settings.data.audio.cavaFrameRate = key
|
|
}
|
|
}
|
|
// Divider
|
|
NDivider {
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: Style.marginXL * scaling
|
|
Layout.bottomMargin: Style.marginXL * scaling
|
|
}
|
|
}
|