Add playbackRate to Preview

desko27 · Feb 28, 2021 · e4f87eb · e4f87eb
1 parent 8b8595d
commit e4f87eb
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/components/FileList/Preview/index.js b/src/components/FileList/Preview/index.js
@@ -4,10 +4,12 @@ import MediaDisplayer from '../../MediaDisplayer'
 
 import styles from './index.module.css'
 
+const PLAYBACK_RATE = 5
+
 export default function Preview ({ file }) {
   return (
     <div className={styles.wrapper}>
-      <MediaDisplayer file={file} isMuted />
+      <MediaDisplayer file={file} isMuted playbackRate={PLAYBACK_RATE} />
     </div>
   )
 }
diff --git a/src/components/MediaDisplayer/index.js b/src/components/MediaDisplayer/index.js
@@ -6,7 +6,8 @@ const MediaDisplayer = ({
   displayerRef = {},
   file,
   isMuted,
-  onVideoUpdate = () => {}
+  onVideoUpdate = () => {},
+  playbackRate
 }) => {
   const videoRef = useRef()
 
@@ -34,6 +35,10 @@ const MediaDisplayer = ({
     if (file.type === 'video') {
       const video = videoRef.current
 
+      if (playbackRate) {
+        video.defaultPlaybackRate = playbackRate
+      }
+
       const timeupdateListener = () => {
         const elapsedTime = video.currentTime
         const elapsedRatioCalc = video.currentTime / video.duration