From 855dddf89ca116aab71318d97d9110b8ab862ead Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Mon, 5 Sep 2022 17:59:08 +0200
Subject: [PATCH] fix: canvas performance

---
 package.json                              | 2 +-
 src/renderer/src/lib/Player/Player.svelte | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index adaf82f..4d543f5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "Miru",
-  "version": "3.1.7",
+  "version": "3.1.8",
   "author": "ThaUnknown_ <ThaUnknown@users.noreply.github.com>",
   "description": "Stream anime torrents, real-time with no waiting for downloads.",
   "main": "src/index.js",
diff --git a/src/renderer/src/lib/Player/Player.svelte b/src/renderer/src/lib/Player/Player.svelte
index 5de68d7..ca54eed 100644
--- a/src/renderer/src/lib/Player/Player.svelte
+++ b/src/renderer/src/lib/Player/Player.svelte
@@ -530,7 +530,7 @@
       video.cancelVideoFrameCallback(loop)
       canvas.remove()
     }
-
+    container.append(canvas)
     return { stream: canvas.captureStream(), destroy }
   }
 
@@ -1133,8 +1133,8 @@
   }
 
   .pip :global(canvas:not(.w-full)) {
-    left: 99.9% !important;
-    /*hack to hide the canvas but still keep it updating*/
+    width: 1px !important;
+    height: 1px !important;
   }
 
   .material-icons {
@@ -1159,7 +1159,7 @@
   }
 
   .pip video {
-    visibility: hidden;
+    opacity: 0.1%;
   }
 
   .middle div[data-name='bufferingDisplay'] {