feat: createImageBitmap

zhw2590582 · Sep 15, 2024 · a74e7bb · a74e7bb
1 parent 710f947
commit a74e7bb
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 13 deletions.
diff --git a/docs/assets/example/canvas.js b/docs/assets/example/canvas.js
@@ -3,7 +3,7 @@
 
 var art = new Artplayer({
     container: '.artplayer-app',
-    url: '/assets/sample/video.mp4',
+    url: 'https://artplayer.org/assets/sample/video.mp4',
     poster: '/assets/sample/poster.jpg',
     volume: 0.5,
     autoplay: false,

diff --git a/docs/uncompiled/artplayer-proxy-canvas/index.js b/docs/uncompiled/artplayer-proxy-canvas/index.js
diff --git a/docs/uncompiled/artplayer-proxy-canvas/index.js.map b/docs/uncompiled/artplayer-proxy-canvas/index.js.map
diff --git a/packages/artplayer-proxy-canvas/src/index.js b/packages/artplayer-proxy-canvas/src/index.js
@@ -63,9 +63,13 @@ export default function artplayerProxyCanvas() {
 
         async function draw() {
             try {
-                const bitmap = await createImageBitmap(video);
-                ctx.drawImage(bitmap, 0, 0, canvas.width, canvas.height);
-                bitmap.close();
+                if (typeof createImageBitmap !== 'undefined') {
+                    const bitmap = await createImageBitmap(video);
+                    ctx.drawImage(bitmap, 0, 0, canvas.width, canvas.height);
+                    bitmap.close();
+                } else {
+                    ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+                }
                 art.emit('artplayerProxyCanvas:draw', ctx);
             } catch (error) {
                 art.emit('artplayerProxyCanvas:error', error);

diff --git a/packages/artplayer-proxy-canvas/types/artplayer-proxy-canvas.d.ts b/packages/artplayer-proxy-canvas/types/artplayer-proxy-canvas.d.ts
@@ -3,8 +3,4 @@ import type Artplayer from 'artplayer';
 export = artplayerProxyCanvas;
 export as namespace artplayerProxyCanvas;
 
-type Option = (video: HTMLVideoElement, url: String, art: Artplayer) => void;
-
-type Result = HTMLCanvasElement;
-
-declare const artplayerProxyCanvas: (option: Option) => (art: Artplayer) => Result;
+declare const artplayerProxyCanvas: () => (art: Artplayer) => HTMLCanvasElement;