mirror of
https://github.com/Monadical-SAS/reflector.git
synced 2025-12-20 20:29:06 +00:00
Fix time format
This commit is contained in:
@@ -3,7 +3,7 @@ import React, { useRef, useEffect, useState } from "react";
|
|||||||
import WaveSurfer from "wavesurfer.js";
|
import WaveSurfer from "wavesurfer.js";
|
||||||
import RegionsPlugin from "wavesurfer.js/dist/plugins/regions.esm.js";
|
import RegionsPlugin from "wavesurfer.js/dist/plugins/regions.esm.js";
|
||||||
|
|
||||||
import { formatTime } from "../../lib/time";
|
import { formatTime, formatTimeMs } from "../../lib/time";
|
||||||
import { Topic } from "./webSocketTypes";
|
import { Topic } from "./webSocketTypes";
|
||||||
import { AudioWaveform } from "../../api";
|
import { AudioWaveform } from "../../api";
|
||||||
import { waveSurferStyles } from "../../styles/recorder";
|
import { waveSurferStyles } from "../../styles/recorder";
|
||||||
@@ -159,9 +159,7 @@ export default function Player(props: PlayerProps) {
|
|||||||
|
|
||||||
const timeLabel = () => {
|
const timeLabel = () => {
|
||||||
if (props.mediaDuration && Math.floor(props.mediaDuration / 1000) > 0)
|
if (props.mediaDuration && Math.floor(props.mediaDuration / 1000) > 0)
|
||||||
return `${formatTime(currentTime)}/${formatTime(
|
return `${formatTime(currentTime)}/${formatTimeMs(props.mediaDuration)}`;
|
||||||
Math.floor(props.mediaDuration / 1000)
|
|
||||||
)}`;
|
|
||||||
return "";
|
return "";
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ import React, { useRef, useEffect, useState } from "react";
|
|||||||
import WaveSurfer from "wavesurfer.js";
|
import WaveSurfer from "wavesurfer.js";
|
||||||
import RecordPlugin from "../../lib/custom-plugins/record";
|
import RecordPlugin from "../../lib/custom-plugins/record";
|
||||||
|
|
||||||
import { formatTime } from "../../lib/time";
|
import { formatTime, formatTimeMs } from "../../lib/time";
|
||||||
import { waveSurferStyles } from "../../styles/recorder";
|
import { waveSurferStyles } from "../../styles/recorder";
|
||||||
import { useError } from "../../(errors)/errorContext";
|
import { useError } from "../../(errors)/errorContext";
|
||||||
import FileUploadButton from "./fileUploadButton";
|
import FileUploadButton from "./fileUploadButton";
|
||||||
@@ -241,8 +241,8 @@ export default function Recorder(props: RecorderProps) {
|
|||||||
}, [record, screenMediaStream]);
|
}, [record, screenMediaStream]);
|
||||||
|
|
||||||
const timeLabel = () => {
|
const timeLabel = () => {
|
||||||
if (isRecording) return formatTime(currentTime);
|
if (isRecording) return formatTimeMs(currentTime);
|
||||||
if (duration) return `${formatTime(currentTime)}/${formatTime(duration)}`;
|
if (duration) return `${formatTimeMs(currentTime)}/${formatTime(duration)}`;
|
||||||
return "";
|
return "";
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user