fix annotation display

celluloid-camp · Jan 17, 2023 · ec0bbf4 · ec0bbf4
1 parent 523778b
commit ec0bbf4
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 13 deletions.
diff --git a/packages/client/package.json b/packages/client/package.json
@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "@celluloid/client",
-  "version": "2.0.1-alpha-4",
+  "version": "2.0.1-alpha-6",
   "author": "Erwan Queffélec <[email protected]",
   "license": "MIT",
   "proxy": "http://localhost:3001",

diff --git a/packages/client/src/scenes/Project/scenes/Video/VideoComponent.tsx b/packages/client/src/scenes/Project/scenes/Video/VideoComponent.tsx
@@ -178,6 +178,7 @@ export default connect(
 
       const [url, setUrl] = useState<string>("");
 
+
       const controlsOpacity =
         showControls || showHints ? classes.visible : classes.hidden;
 
@@ -261,7 +262,6 @@ export default connect(
             {!showHints && (
               <div
                 className={classes.annotationFrame}
-                onMouseMove={onUserAction}
               >
                 <Grow appear={true} in={editing}>
                   <div>

diff --git a/packages/client/src/scenes/Project/scenes/Video/VideoContainer.tsx b/packages/client/src/scenes/Project/scenes/Video/VideoContainer.tsx
@@ -97,7 +97,6 @@ export default connect(
 
     refreshPlayer() {
       const { player } = this.state;
-
       if (player) {
         const annotations = this.props.annotations;
         const focusedAnnotation = this.props.focusedAnnotation;
@@ -113,7 +112,7 @@ export default connect(
               annotation.startTime >= position - 0.1 &&
               annotation.startTime < position + 0.1
             ) {
-              // player.pauseVideo();
+              // player.pause();
               this.setState({
                 playing: false,
               });
@@ -130,6 +129,7 @@ export default connect(
           if (shouldBlur) {
             this.props.blurAnnotation();
           }
+
           if (!this.props.seeking) {
             this.setState({
               visibleAnnotations,
@@ -163,9 +163,9 @@ export default connect(
             playing: false,
           });
         }
-        console.log("seekTo", value)
+        console.log("seekTo", value);
         player.seekTo(value, "seconds");
-        this.props.requestSeek(value);
+        // this.props.requestSeek(value);
       }
     }
 
@@ -186,10 +186,10 @@ export default connect(
       const onUserAction = this.resetFadeOutTimer.bind(this);
 
       const onPlayerReady = (player: ReactPlayer) => {
-        console.log("onPlayerReady")
+        console.log("onPlayerReady");
         this.refreshTimer = window.setInterval(
           this.refreshPlayer.bind(this),
-          1000
+          500
         );
         this.setState({
           player,
@@ -198,18 +198,17 @@ export default connect(
       };
 
       const onPlayerProgress = (state: PlayerProgressState) => {
-        console.log("onPlayerProgress")
         this.setState({
           position: state.playedSeconds,
         });
       };
 
-      const onDuration =(duration:number) => {
-        console.log("onDuration")
+      const onDuration = (duration: number) => {
+        console.log("onDuration");
         this.setState({
           duration,
         });
-      }
+      };
 
       const onPlayerStateChange = (event: PlayerEvent, data: number) => {
         switch (event) {

diff --git a/packages/client/tsconfig.tsbuildinfo b/packages/client/tsconfig.tsbuildinfo