Xefir/nextcloud-app-radio
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

added native volume slider

Browse Source
This commit is contained in:
Jonas Heinrich 2020-10-21 10:43:37 +02:00
parent b29a077c47
commit 94064c574c
2 changed files with 62 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Main.vue
View File

@ -125,7 +125,9 @@ export default {
loadStations() { loadStations() {
// FIXME https://de1.api.radio-browser.info/json/stations/lastchange?limit=10 // FIXME https://de1.api.radio-browser.info/json/stations/lastchange?limit=10
const vm = this const vm = this
if (vm.offset === 0) {
vm.loading = true vm.loading = true
}
this.$jquery.getJSON('https://de1.api.radio-browser.info/json/stations', this.$jquery.getJSON('https://de1.api.radio-browser.info/json/stations',
{ {
limit: 20, limit: 20,

9
src/components/Player.vue
View File

@ -2,7 +2,12 @@
<div id="app-settings"> <div id="app-settings">
<button id="playbutton" class="play" :style="playerIcon" /> <button id="playbutton" class="play" :style="playerIcon" />
<div id="volumeicon" class="full" /> <div id="volumeicon" class="full" />
<div id="volumeslider" /> <input
class="volume"
type="range"
name="volume"
min="0"
max="50">
<span id="stationMetadata" /> <span id="stationMetadata" />
</div> </div>
</template> </template>
@ -77,7 +82,7 @@ export default {
/* background-image: url('../img/sound_silent.png'); */ /* background-image: url('../img/sound_silent.png'); */
} }
#volumeslider{ .volume{
width: 170px; width: 170px;
display: inline-block; display: inline-block;
position: relative; position: relative;