Slider volume
All checks were successful
repod / nextcloud (push) Successful in 1m13s
repod / nodejs (push) Successful in 1m57s

This commit is contained in:
Michel Roux 2023-08-28 00:02:07 +02:00
parent 7aa93300e5
commit a98a0dbcdc
3 changed files with 19 additions and 2 deletions

View File

@ -6,8 +6,8 @@
:src="episode.episodeUrl" :src="episode.episodeUrl"
@durationchange="duration = audio.duration" @durationchange="duration = audio.duration"
@loadeddata="loading = false" @loadeddata="loading = false"
@pause="paused = audio.paused" @pause="paused = true"
@play="paused = audio.paused" @play="paused = false"
@seeked="currentTime = audio.currentTime" @seeked="currentTime = audio.currentTime"
@timeupdate="currentTime = audio.currentTime" @timeupdate="currentTime = audio.currentTime"
@volumechange="volume = audio.volume" /> @volumechange="volume = audio.volume" />

View File

@ -39,3 +39,9 @@ export default {
}, },
} }
</script> </script>
<style scoped>
.pointer {
cursor: pointer;
}
</style>

View File

@ -16,6 +16,12 @@
class="pointer" class="pointer"
:size="30" :size="30"
@click="unmute" /> @click="unmute" />
<input max="1"
min="0"
step="0.1"
type="range"
:value="volume"
@change="(event) => audio.volume = event.target.value">
</div> </div>
</template> </template>
@ -69,6 +75,11 @@ export default {
justify-content: center; justify-content: center;
} }
input {
transform: rotate(270deg);
width: 60%;
}
.pointer { .pointer {
cursor: pointer; cursor: pointer;
} }