WebPlay/client
1
1
Fork 0
Code Issues 10 Pull Requests Packages Projects Releases Wiki Activity

show radio title in the palyer bar. fix #23
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Artem Anufrij 2023-09-26 14:57:37 +02:00
parent 9c73510bc9
commit c7f6695416
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Player.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div id="player" class="flex-column" v-show="selectedTrack._id || selectedRadio._id"> <div id="player" class="flex-column" v-show="selectedTrack._id || selectedRadio._id">
<input type="range" id="slider" min="0" max="100" step="0.1" v-model="selectedTrack.percent" @change="slideChanged" /> <input type="range" id="slider" min="0" max="100" step="0.1" v-model="selectedTrack.percent" @change="slideChanged"/>
<div id="playerBar" class="flex-row"> <div id="playerBar" class="flex-row">
<div class="flex-row grow"> <div class="flex-row grow">
<img class="cover pointer" :src="cover" :title="selectedTrack.parent.title" @click="gotoContainer" /> <img class="cover pointer" :src="cover" :title="selectedTrack.parent.title" @click="gotoContainer" />
@ -9,6 +9,9 @@
from from
<b>{{ selectedTrack.parent.title }}</b> <b>{{ selectedTrack.parent.title }}</b>
</div> </div>
<div v-if="selectedRadio._id" class="flex-column">
<b>{{ selectedRadio.name }}</b>
</div>
</div> </div>
<div id="playerControls" class="flex-row center"> <div id="playerControls" class="flex-row center">
<button @click="switchShuffle" title="Shuffle mode" v-if="selectedTrack._id"> <button @click="switchShuffle" title="Shuffle mode" v-if="selectedTrack._id">
@ -31,8 +34,8 @@
<img src="static/icons/media-no-repeat-dark.svg" class="small" v-show="$store.getters['player/repeatType'] == 'none'" /> <img src="static/icons/media-no-repeat-dark.svg" class="small" v-show="$store.getters['player/repeatType'] == 'none'" />
</button> </button>
</div> </div>
<div class="flex-row ma-right hideOnMobilePortrait grow right" v-show="selectedTrack.title"> <div class="flex-row ma-right hideOnMobilePortrait grow right">
{{ formatedP }}&nbsp;|&nbsp;{{ formatedD }} <span v-show="selectedTrack.title">{{ formatedP }}&nbsp;|&nbsp;{{ formatedD }}</span>
</div> </div>
</div> </div>
<audio preload="auto" ref="audioControl" type="audio/mpeg" @ended="nextTrack" @canplay="play" @playing="playing" @durationchange="durationChanged" @timeupdate="timeUpdate" src></audio> <audio preload="auto" ref="audioControl" type="audio/mpeg" @ended="nextTrack" @canplay="play" @playing="playing" @durationchange="durationChanged" @timeupdate="timeUpdate" src></audio>