mirrors/Hyperpipe
1
0
Fork 0
mirror of https://codeberg.org/Hyperpipe/Hyperpipe synced 2025-06-28 13:08:01 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Moved to AGPLv3, Prefs for codec and audio quality

Browse source
This commit is contained in:
Shiny Nematoda 2022-08-09 12:46:46 +00:00
parent 60167e45a7
commit 4ac524dcf2
No known key found for this signature in database
GPG key ID: 6506D50F5613A42D
8 changed files with 787 additions and 271 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/components/Prefs.vue
View file

@ -69,16 +69,6 @@ onMounted(() => {
<h2>Audio Player</h2>
<div class="left">
<input
type="checkbox"
name="pref-chk-hls"
id="pref-chk-hls"
@change="setStore('hls', $event.target.checked)"
v-model="hls" />
<label for="pref-chk-hls">Live Streaming</label>
</div>
<div class="left">
<input
type="checkbox"
@ -90,6 +80,34 @@ onMounted(() => {
</div>
<div class="left">
<label for="pref-codec">Codec</label>
<select
id="pref-codec"
name="pref-codec"
:value="getStore('codec') || 'opus:mp4a'"
@change="setStore('codec', $event.target.value)">
<option value="opus:mp4a">opus, mp4a</option>
<option value="mp4a:opus">mp4a, opus</option>
<option value="opus">opus</option>
<option value="mp4a">mp4a</option>
</select>
</div>
<div class="left">
<label for="pref-quality">Quality</label>
<select
id="pref-quality"
name="pref-quality"
:value="getStore('quality') || 'auto'"
@change="setStore('quality', $event.target.value)">
<option value="auto">auto</option>
<option value="best">best</option>
<option value="worst">worst</option>
</select>
</div>
<div class="left">
<label for="pref-volume">Default Volume</label>
<input
type="number"
name="pref-volume"
@ -98,7 +116,6 @@ onMounted(() => {
min="0"
:value="getStore('vol') || 100"
@change="setStore('vol', $event.target.value)" />
<label for="pref-volume">Default Volume</label>
</div>
<h2>Hyperpipe Instance</h2>
@ -237,6 +254,9 @@ label[for^='pref-chk'] {
margin: 0 auto;
padding: 1rem;
}
.left + .left {
padding: 0;
}
.table-wrap {
overflow-x: auto;
margin-bottom: 2rem;