chore: Update artplayer-proxy-canvas to support canvas proxy

docs/uncompiled/artplayer-proxy-canvas/index.js

@@ -160,8 +160,24 @@ function artplayerProxyCanvas(callback) {
             ...methods,
             ...prototypes
         ];
+        const originalCanvasProperties = {};
+        [
+            "width",
+            "height"
+        ].forEach((prop)=>{
+            originalCanvasProperties[prop] = Object.getOwnPropertyDescriptor(HTMLCanvasElement.prototype, prop);
+        });
         keys.forEach((key)=>{
-            def(canvas, key, {
+            if (key === "width" || key === "height") def(canvas, key, {
+                get () {
+                    return originalCanvasProperties[key].get.call(this);
+                },
+                set (value) {
+                    originalCanvasProperties[key].set.call(this, value);
+                    video[key] = value;
+                }
+            });
+            else def(canvas, key, {
                 get () {
                     const value = video[key];
                     return typeof value === "function" ? value.bind(video) : value;
@@ -215,7 +231,6 @@ function artplayerProxyCanvas(callback) {
             resize();
         });
         art.on("video:play", ()=>{
-            console.log("video:play");
             cancelAnimationFrame(animationFrame);
             animationFrame = requestAnimationFrame(drawFrame);
         });
@@ -223,6 +238,10 @@ function artplayerProxyCanvas(callback) {
             cancelAnimationFrame(animationFrame);
         });
         art.on("resize", resize);
+        const destroy = ()=>{
+            cancelAnimationFrame(animationFrame);
+        };
+        art.on("destroy", destroy);
         if (typeof callback === "function") callback.call(art, video, option.url, art);
         else video.src = option.url;
         return canvas;