feat: 增加抓图并下载功能

Author: ArgoZhang

src/components/BootstrapBlazor.HikVision/Components/HikVisionWebPlugin.razor.cs

@@ -316,6 +316,18 @@ public async Task<bool> SetVolume(int value)
         return ret;
     }
 
+    /// <summary>
+    /// 抓图方法返回 Url
+    /// </summary>
+    /// <returns></returns>
+    public async Task CapturePictureAndDownload()
+    {
+        if (IsLogin && IsRealPlaying)
+        {
+            var stream = await InvokeAsync<IJSStreamReference?>("capturePictureAndDownload", Id);
+        }
+    }
+
     private TaskCompletionSource<IJSStreamReference?>? _captureTaskCompletionSource = null;
 
     /// <summary>

src/components/BootstrapBlazor.HikVision/wwwroot/hikvision.js

@@ -439,6 +439,25 @@ const base64ToArray = base64String => {
 
     return bytes;
 }
+
+export function capturePictureAndDownload(id) {
+    const vision = Data.get(id);
+    const { iWndIndex, realPlaying, invoke } = vision;
+
+    if (realPlaying !== true) {
+        return "";
+    }
+
+    try {
+        const base64 = await WebVideoCtrl.I_CapturePicData();
+        const bytes = base64ToArray(base64);
+        return DotNet.createJSStreamReference(bytes.buffer);
+    }
+    catch (ex) {
+        return null;
+    }
+}
+
 export function dispose(id) {
     const vision = Data.get(id);
     const { realPlaying, logined, observer } = vision;