etc/VueTube
0
0
Fork 0
mirror of https://github.com/VueTubeApp/VueTube synced 2024-11-25 12:45:17 +00:00
Code Issues Projects Releases Wiki Activity

player settings: quality codecs placeholder; fix #441

Browse source
This commit is contained in:
Nikita Krupin 2022-07-29 02:52:25 -04:00
parent e12c85494b
commit 75d8d7967d
5 changed files with 116 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
NUXT/components/Player/index.vue
View file

@ -406,7 +406,7 @@ export default {
if (this.$store.state.player.preload) this.prebuffer(this.sources[0].url);
else {
this.audSrc = this.sources[this.sources.length - 1].url;
this.vidSrc = this.sources[0].url;
this.vidSrc = this.sources[3].url;
}
this.$youtube.getSponsorBlock(this.video.id, (data) => {

14
NUXT/components/topNavigation.vue
View file

@ -63,11 +63,17 @@
v-show="!search"
icon
tile
class="ml-4 mr-2 my-auto fill-height"
style="border-radius: 0.25rem !important"
to="/settings"
class="ml-4 mr-2 my-auto fill-height rounded-xl"
:style="$route.name !== 'settings' ? '' : 'transform: rotate(180deg)'"
@click="
$route.path.includes('settings') || $route.path.includes('/tweaks')
? $router.go(-1)
: $router.push('/settings')
"
>
<v-icon>mdi-cog-outline</v-icon>
<v-icon>{{
$route.name !== "settings" ? "mdi-cog-outline" : "mdi-close"
}}</v-icon>
</v-btn>
</v-card>
</template>

105
NUXT/pages/mods/player.vue
View file

@ -190,6 +190,104 @@
<v-divider v-if="!$store.state.tweaks.roundTweak" />
<h3 class="ml-8 mt-8">
<v-icon class="mb-1 mr-1">mdi-youtube</v-icon>
Quality <b class="ml-1">&middot;</b> 1080p
</h3>
<v-card
flat
class="mx-4 my-2 background"
style="overflow: hidden"
:style="{
borderRadius: `${$store.state.tweaks.roundTweak / 2}rem`,
}"
>
<v-card
flat
class="pa-4 d-flex flex-row justify-space-between background"
:class="
$store.state.tweaks.roundTweak > 0
? $vuetify.theme.dark
? 'lighten-1'
: 'darken-1'
: ''
"
:style="{
borderRadius: `${$store.state.tweaks.roundTweak / 8}rem`,
}"
>
<div>
<div>
<v-icon class="mb-1 mr-1" v-text="'mdi-video-outline'" />Video Codec
</div>
<div
class="background--text pr-4"
:class="$vuetify.theme.dark ? 'text--lighten-4' : 'text--darken-4'"
style="font-size: 0.75rem"
>
Just pick VP9
</div>
</div>
<div
class="background d-flex flex-row justify-end rounded-lg"
style="max-width: content-width; overflow: hidden"
:style="{
borderRadius: `${$store.state.tweaks.roundTweak / 3}rem`,
}"
slider-size="0"
>
<v-tab active-class="primary darken-4">AVC</v-tab>
<v-tab active-class="primary darken-4">VP9</v-tab>
</div>
</v-card>
<marquee class="background--text mt-2">
<b class="primary pa-2 rounded-xl">
still in progress, not functional yet.
</b>
</marquee>
<v-card
flat
class="pa-4 d-flex flex-row justify-space-between background"
:class="
$store.state.tweaks.roundTweak > 0
? $vuetify.theme.dark
? 'lighten-1'
: 'darken-1'
: ''
"
:style="{
borderRadius: `${$store.state.tweaks.roundTweak / 8}rem`,
}"
>
<div
class="background d-flex flex-row justify-end rounded-lg"
style="max-width: content-width; overflow: hidden"
:style="{
borderRadius: `${$store.state.tweaks.roundTweak / 3}rem`,
}"
slider-size="0"
>
<v-tab active-class="primary darken-4">OGG OPUS</v-tab>
<v-tab active-class="primary darken-4">MP4 MP4a</v-tab>
</div>
<div class="d-flex flex-column align-end">
<div>
<v-icon class="mb-1 mr-1" v-text="'mdi-music-note'" />Audio Codec
</div>
<div
class="background--text"
:class="$vuetify.theme.dark ? 'text--lighten-4' : 'text--darken-4'"
style="font-size: 0.75rem"
>
OGG is better
</div>
</div>
</v-card>
</v-card>
<v-divider v-if="!$store.state.tweaks.roundTweak" />
<h3 class="ml-8 mt-8">
<v-icon class="mb-1 mr-1">mdi-cog-play</v-icon>
Other
@ -261,13 +359,6 @@
<span class="mt-1">Loop</span>
</v-card>
</v-card>
<!-- <v-divider v-if="!$store.state.tweaks.roundTweak" />
<h3 class="ml-8 mt-8">
<v-icon class="mb-1 mr-1">mdi-youtube</v-icon>
Quality
</h3> -->
</div>
</template>

12
NUXT/pages/mods/tweaks.vue
View file

@ -4,7 +4,7 @@
<!-- // TODO: Dense Navbar -->
<!-- // TODO: Disable Top Bar -->
<!-- // TODO: Top and Bottom bar color selection -->
<v-card
<!-- <v-card
flat
class="mx-4 my-2 px-4 py-2 d-flex flex-row background"
style="transition-duration: 0.3s; transition-property: border-radius"
@ -29,11 +29,11 @@
persistent-hint
inset
/>
</v-card>
</v-card> -->
<v-divider v-if="!roundTweak" />
<!-- <v-divider v-if="!roundTweak" /> -->
<v-card
<!-- <v-card
flat
class="mx-4 my-2 px-4 py-2 d-flex flex-row background"
style="transition-duration: 0.3s; transition-property: border-radius"
@ -58,7 +58,7 @@
persistent-hint
inset
/>
</v-card>
</v-card> -->
<v-divider v-if="!roundTweak" />
@ -66,7 +66,7 @@
<v-card
flat
class="mx-4 my-2 background"
class="mx-4 mt-2 mb-6 background"
style="
transition-duration: 0.3s;
transition-property: border-radius;

2
NUXT/pages/watch.vue
View file

@ -53,7 +53,7 @@
<v-icon v-else class="ml-4">mdi-chevron-down</v-icon>
</div>
<div
class="d-flex justify-space-between"
class="d-flex justify-space-around"
:class="
$store.state.tweaks.roundWatch && $store.state.tweaks.roundTweak > 0
? $vuetify.theme.dark