105 lines
3.4 KiB
Vue
105 lines
3.4 KiB
Vue
<script setup>
|
|
import {ref} from 'vue'
|
|
import {$tp} from '../../platform-i18n'
|
|
import PlatformLayout from '../../PlatformLayout.vue'
|
|
import AdapterNameSelector from './audiovideo/AdapterNameSelector.vue'
|
|
import DisplayOutputSelector from './audiovideo/DisplayOutputSelector.vue'
|
|
import DisplayDeviceOptions from "./audiovideo/DisplayDeviceOptions.vue";
|
|
import DisplayModesSettings from "./audiovideo/DisplayModesSettings.vue";
|
|
import Checkbox from "../../Checkbox.vue";
|
|
|
|
const props = defineProps([
|
|
'platform',
|
|
'config',
|
|
'min_fps_factor',
|
|
])
|
|
|
|
const config = ref(props.config)
|
|
</script>
|
|
|
|
<template>
|
|
<div id="audio-video" class="config-page">
|
|
<!-- Audio Sink -->
|
|
<div class="mb-3">
|
|
<label for="audio_sink" class="form-label">{{ $t('config.audio_sink') }}</label>
|
|
<input type="text" class="form-control" id="audio_sink"
|
|
:placeholder="$tp('config.audio_sink_placeholder', 'alsa_output.pci-0000_09_00.3.analog-stereo')"
|
|
v-model="config.audio_sink" />
|
|
<div class="form-text">
|
|
{{ $tp('config.audio_sink_desc') }}<br>
|
|
<PlatformLayout :platform="platform">
|
|
<template #windows>
|
|
<pre>tools\audio-info.exe</pre>
|
|
</template>
|
|
<template #linux>
|
|
<pre>pacmd list-sinks | grep "name:"</pre>
|
|
<pre>pactl info | grep Source</pre>
|
|
</template>
|
|
<template #macos>
|
|
<a href="https://github.com/mattingalls/Soundflower" target="_blank">Soundflower</a><br>
|
|
<a href="https://github.com/ExistentialAudio/BlackHole" target="_blank">BlackHole</a>.
|
|
</template>
|
|
</PlatformLayout>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<PlatformLayout :platform="platform">
|
|
<template #windows>
|
|
<!-- Virtual Sink -->
|
|
<div class="mb-3">
|
|
<label for="virtual_sink" class="form-label">{{ $t('config.virtual_sink') }}</label>
|
|
<input type="text" class="form-control" id="virtual_sink" :placeholder="$t('config.virtual_sink_placeholder')"
|
|
v-model="config.virtual_sink" />
|
|
<div class="form-text">{{ $t('config.virtual_sink_desc') }}</div>
|
|
</div>
|
|
|
|
<!-- Install Steam Audio Drivers -->
|
|
<Checkbox class="mb-3"
|
|
id="install_steam_audio_drivers"
|
|
locale-prefix="config"
|
|
v-model="config.install_steam_audio_drivers"
|
|
default="true"
|
|
></Checkbox>
|
|
</template>
|
|
</PlatformLayout>
|
|
|
|
<AdapterNameSelector
|
|
:platform="platform"
|
|
:config="config"
|
|
/>
|
|
|
|
<PlatformLayout :platform="platform">
|
|
<template #windows>
|
|
<!-- GPU Preference -->
|
|
<div class="mb-3">
|
|
<label for="gpu_preference" class="form-label">{{ $t('config.gpu_preference') }}</label>
|
|
<input type="number" class="form-control" id="gpu_preference" placeholder="-1" min="-1"
|
|
v-model="config.gpu_preference" />
|
|
<div class="form-text">{{ $t('config.gpu_preference_desc') }}</div>
|
|
</div>
|
|
</template>
|
|
</PlatformLayout>
|
|
|
|
<DisplayOutputSelector
|
|
:platform="platform"
|
|
:config="config"
|
|
/>
|
|
|
|
<DisplayDeviceOptions
|
|
:platform="platform"
|
|
:config="config"
|
|
/>
|
|
|
|
<!-- Display Modes -->
|
|
<DisplayModesSettings
|
|
:platform="platform"
|
|
:config="config"
|
|
:min_fps_factor="min_fps_factor"
|
|
/>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
</style>
|