Merge pull request #1587 from saithsab877/Not-starting-at-the-correct…

…-timestamp

Fixed(Video-Player): Not Starting at the Correct Timestamp

src/components/App/SideBar/SidebarSubView/MediaPlayer/index.tsx

@@ -5,7 +5,7 @@ import styled from 'styled-components'
 import { Avatar } from '~/components/common/Avatar'
 import { Flex } from '~/components/common/Flex'
 import { usePlayerStore } from '~/stores/usePlayerStore'
-import { colors } from '~/utils'
+import { colors, videoTimeToSeconds } from '~/utils'
 import { Toolbar } from './ToolBar'
 
 type Props = {
@@ -75,9 +75,10 @@ const MediaPlayerComponent: FC<Props> = ({ hidden }) => {
   const handleProgressChange = (_: Event, value: number | number[]) => {
     const newValue = Array.isArray(value) ? value[0] : value
 
-    if (playerRef.current) {
-      playerRef.current.seekTo(newValue)
-      setPlayingTime(newValue)
+    setPlayingTime(newValue)
+
+    if (playerRef.current && !isSeeking) {
+      playerRef.current.seekTo(newValue, 'seconds')
     }
   }
 
@@ -107,6 +108,16 @@ const MediaPlayerComponent: FC<Props> = ({ hidden }) => {
       const videoDuration = playerRef.current.getDuration()
 
       setDuration(videoDuration)
+
+      if (!isSeeking && (playingTime === 0 || Math.abs(playingTime - videoTimeToSeconds('00:00:00')) < 1)) {
+        if (playingNode?.type === 'youtube' && playingNode?.timestamp) {
+          const [startTimestamp] = playingNode.timestamp.split('-')
+          const startTimeInSeconds = videoTimeToSeconds(startTimestamp)
+
+          playerRef.current.seekTo(startTimeInSeconds, 'seconds')
+          setPlayingTime(startTimeInSeconds)
+        }
+      }
     }
   }