Slider volume

src/components/Player/Bar.vue

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

src/components/Player/Controls.vue

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

src/components/Player/Volume.vue

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