修复 offscreen 模式下 clearview 不生效问题。

langhuihui · Nov 25, 2021 · 250b13f · 250b13f · vercel · Nov 25, 2021
1 parent ec8291e
commit 250b13f
Show file tree

Hide file tree

Showing 5 changed files with 36,393 additions and 6 deletions.
diff --git a/demo/public/demo.html b/demo/public/demo.html
@@ -115,7 +115,7 @@
 
 
     var showOperateBtns = true; // 是否显示按钮
-    var forceNoOffscreen = true; //
+    var forceNoOffscreen = false; //
     var jessibuca = null;
 
     function create() {

diff --git a/demo/public/index.js b/demo/public/index.js
diff --git a/demo/public/index.js.map b/demo/public/index.js.map
diff --git a/src/core/core.js b/src/core/core.js
@@ -1,4 +1,14 @@
-import {$domToggle, $hideBtns, bufferStatus, checkFull, dataURLToFile, downloadImg, fpsStatus, now} from "../utils";
+import {
+    $domToggle,
+    $hideBtns,
+    bufferStatus,
+    checkFull,
+    createEmptyImageBitmap,
+    dataURLToFile,
+    downloadImg,
+    fpsStatus,
+    now
+} from "../utils";
 import {EVEMTS, POST_MESSAGE, SCREENSHOT_TYPE} from "../constant";
 
 export default (jessibuca) => {
@@ -114,6 +124,10 @@ export default (jessibuca) => {
     jessibuca._clearView = () => {
         if (jessibuca._contextGL) {
             jessibuca._contextGL.clear(jessibuca._contextGL.COLOR_BUFFER_BIT);
+        } else if (jessibuca._bitmaprenderer) {
+            createEmptyImageBitmap(jessibuca.$canvasElement.width, jessibuca.$canvasElement.height).then((imageBitMap) => {
+                jessibuca._bitmaprenderer.transferFromImageBitmap(imageBitMap);
+            })
         }
     }
 

diff --git a/src/utils/index.js b/src/utils/index.js
@@ -115,4 +115,11 @@ export function bufferStatus(buffer, settingBuffer) {
         result = BUFFER_STATUS.full;
     }
     return result;
+}
+
+export function createEmptyImageBitmap(width, height) {
+    const $canvasElement = document.createElement("canvas");
+    $canvasElement.width = width;
+    $canvasElement.height = height;
+    return createImageBitmap($canvasElement, 0, 0, width, height);
 }