mirror of
https://github.com/antebudimir/feishin.git
synced 2026-01-01 02:13:33 +00:00
[enhancement]: support viewing current/setting current time in remote
This commit is contained in:
parent
b347b794b9
commit
5b2977e5e8
9 changed files with 61 additions and 13 deletions
|
|
@ -21,7 +21,7 @@ import { Tooltip } from '/@/renderer/components/tooltip';
|
|||
import { Rating } from '/@/renderer/components/rating';
|
||||
|
||||
export const RemoteContainer = () => {
|
||||
const { repeat, shuffle, song, status, volume } = useInfo();
|
||||
const { position, repeat, shuffle, song, status, volume } = useInfo();
|
||||
const send = useSend();
|
||||
const showImage = useShowImage();
|
||||
|
||||
|
|
@ -154,6 +154,16 @@ export const RemoteContainer = () => {
|
|||
</div>
|
||||
)}
|
||||
</Group>
|
||||
{id && position !== undefined && (
|
||||
<WrapperSlider
|
||||
label={(value) => formatDuration(value * 1e3)}
|
||||
leftLabel={formatDuration(position * 1e3)}
|
||||
max={song.duration / 1e3}
|
||||
rightLabel={formatDuration(song.duration)}
|
||||
value={position}
|
||||
onChangeEnd={(e) => send({ event: 'position', position: e })}
|
||||
/>
|
||||
)}
|
||||
<WrapperSlider
|
||||
leftLabel={<RiVolumeUpFill size={20} />}
|
||||
max={100}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue