FreeTube/src/renderer/components/player-settings/player-settings.vue

89 lines
2.3 KiB
Vue
Raw Normal View History

2020-02-21 21:40:46 +01:00
<template>
<ft-card
class="relative card">
<h3
class="videoTitle"
>
{{ title }}
</h3>
<ft-flex-box class="playerSettingsFlexBox">
2020-02-21 21:40:46 +01:00
<ft-toggle-switch
label="Remember History"
:default-value="rememberHistory"
@change="updateRememberHistory"
2020-02-21 21:40:46 +01:00
/>
<ft-toggle-switch
label="Autoplay Videos"
:default-value="autoplayVideos"
@change="updateAutoplayVideos"
2020-02-21 21:40:46 +01:00
/>
<ft-toggle-switch
label="Autoplay Playlists"
:default-value="autoplayPlaylists"
@change="updateAutoplayPlaylists"
2020-02-21 21:40:46 +01:00
/>
<ft-toggle-switch
label="Play Next Video"
:default-value="playNextVideo"
@change="updatePlayNextVideo"
2020-02-21 21:40:46 +01:00
/>
<ft-toggle-switch
label="Enable Subtitles by Default"
:default-value="enableSubtitles"
@change="updateEnableSubtitles"
2020-02-21 21:40:46 +01:00
/>
<ft-toggle-switch
label="Force Local Backend for Legacy Formats"
:default-value="forceLocalBackendForLegacy"
@change="updateForceLocalBackendForLegacy"
2020-02-21 21:40:46 +01:00
/>
<ft-toggle-switch
label="Proxy Videos Through Invidious"
:default-value="proxyVideos"
@change="updateProxyVideos"
2020-02-21 21:40:46 +01:00
/>
</ft-flex-box>
<br>
<ft-flex-box>
<ft-slider
label="Default Volume"
:default-value="defaultVolume"
:min-value="0"
:max-value="100"
:step="1"
value-extension="%"
@change="parseVolumeBeforeUpdate"
/>
<ft-slider
label="Default Playback Rate"
:default-value="defaultPlayback"
:min-value="0.25"
:max-value="3"
:step="0.25"
value-extension="x"
@change="updateDefaultPlayback"
/>
</ft-flex-box>
<br>
2020-02-21 21:40:46 +01:00
<ft-flex-box>
<ft-select
placeholder="Default Video Format"
:value="defaultVideoFormat"
2020-02-21 21:40:46 +01:00
:select-names="formatNames"
:select-values="formatValues"
@change="updateDefaultVideoFormat"
2020-02-21 21:40:46 +01:00
/>
<ft-select
placeholder="Default Quality"
:value="defaultQuality"
2020-02-21 21:40:46 +01:00
:select-names="qualityNames"
:select-values="qualityValues"
@change="updateDefaultQuality"
2020-02-21 21:40:46 +01:00
/>
</ft-flex-box>
</ft-card>
</template>
<script src="./player-settings.js" />
<style scoped src="./player-settings.css" />