selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2025-12-20 20:29:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

minor fixes for waveform loading

Browse Source
This commit is contained in:
Sara
2024-01-24 18:41:42 +01:00
parent 68e708f62b
commit 5995b1afb7
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
www/app/[domain]/transcripts/[transcriptId]/page.tsx
View File

@@ -11,7 +11,6 @@ import "../../../styles/button.css";
import FinalSummary from "./finalSummary"; import FinalSummary from "./finalSummary";
import TranscriptTitle from "../transcriptTitle"; import TranscriptTitle from "../transcriptTitle";
import Player from "../player"; import Player from "../player";
import WaveformLoading from "../waveformLoading";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
import { Flex, Grid, GridItem, Skeleton, Text } from "@chakra-ui/react"; import { Flex, Grid, GridItem, Skeleton, Text } from "@chakra-ui/react";

5
www/app/[domain]/transcripts/player.tsx
View File

@@ -74,7 +74,6 @@ export default function Player(props: PlayerProps) {
_wavesurfer.on("timeupdate", setCurrentTime); _wavesurfer.on("timeupdate", setCurrentTime);
setWaveRegions(_wavesurfer.registerPlugin(RegionsPlugin.create())); setWaveRegions(_wavesurfer.registerPlugin(RegionsPlugin.create()));
// renderMarkers();
_wavesurfer.toggleInteraction(true); _wavesurfer.toggleInteraction(true);
@@ -95,9 +94,13 @@ export default function Player(props: PlayerProps) {
}, [props.media, wavesurfer]); }, [props.media, wavesurfer]);
useEffect(() => { useEffect(() => {
if (!waveRegions) return;
topicsRef.current = props.topics; topicsRef.current = props.topics;
if (firstRender) { if (firstRender) {
setFirstRender(false); setFirstRender(false);
// wait for the waveform to render, if you don't markers will be stacked on top of each other
// I tried to listen for the waveform to be ready but it didn't work
setTimeout(() => { setTimeout(() => {
renderMarkers(); renderMarkers();
}, 300); }, 300);