imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add voice broadcast playback seekbar (#9529)

Browse source
This commit is contained in:
Michael Weimann 2022-11-04 11:50:19 +01:00 • committed by GitHub
parent 04bc8fb71c
commit 66d0b318bc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 339 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/voice-broadcast/components/molecules/VoiceBroadcastPlaybackBody.tsx
View file

@ -28,6 +28,7 @@ import { Icon as PlayIcon } from "../../../../res/img/element-icons/play.svg";
import { Icon as PauseIcon } from "../../../../res/img/element-icons/pause.svg";
import { _t } from "../../../languageHandler";
import Clock from "../../../components/views/audio_messages/Clock";
import SeekBar from "../../../components/views/audio_messages/SeekBar";
interface VoiceBroadcastPlaybackBodyProps {
playback: VoiceBroadcastPlayback;
@ -37,7 +38,7 @@ export const VoiceBroadcastPlaybackBody: React.FC<VoiceBroadcastPlaybackBodyProp
playback,
}) => {
const {
length,
duration,
live,
room,
sender,
@ -75,8 +76,6 @@ export const VoiceBroadcastPlaybackBody: React.FC<VoiceBroadcastPlaybackBodyProp
/>;
}
const lengthSeconds = Math.round(length / 1000);
return (
<div className="mx_VoiceBroadcastBody">
<VoiceBroadcastHeader
@ -89,7 +88,8 @@ export const VoiceBroadcastPlaybackBody: React.FC<VoiceBroadcastPlaybackBodyProp
{ control }
</div>
<div className="mx_VoiceBroadcastBody_timerow">
<Clock seconds={lengthSeconds} />
<SeekBar playback={playback} />
<Clock seconds={duration} />
</div>
</div>
);