refactor: 抓图增加设置文件名功能

Author: ArgoZhang

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

@@ -334,54 +334,30 @@ public async Task<bool> SetVolume(int value)
     /// 抓图方法并且下载方法
     /// </summary>
     /// <returns></returns>
-    public async Task CapturePictureAndDownload()
+    public async Task<bool> CapturePictureAndDownload(string? fileName = null, CancellationToken token = default)
     {
+        var ret = false;
         if (IsLogin && IsRealPlaying)
         {
-            await InvokeVoidAsync("capturePictureAndDownload", Id);
+            ret = await InvokeAsync<bool>("capturePictureAndDownload", token, Id, fileName);
         }
+        return ret;
     }
 
-    private TaskCompletionSource<IJSStreamReference?>? _captureTaskCompletionSource = null;
-
     /// <summary>
     /// 抓图方法返回 <see cref="IJSStreamReference"/> 实例
     /// </summary>
     /// <returns></returns>
-    public async Task<IJSStreamReference?> CapturePicture(CancellationToken token = default)
+    public async Task<bool> CapturePicture(string? fileName = null, CancellationToken token = default)
     {
-        IJSStreamReference? ret = null;
+        var ret = false;
         if (IsLogin && IsRealPlaying)
         {
-            _captureTaskCompletionSource = new();
-
-            try
-            {
-                await InvokeVoidAsync("capturePicture", token, Id);
-                ret = await _captureTaskCompletionSource.Task;
-            }
-            catch (Exception ex)
-            {
-                _captureTaskCompletionSource.SetException(ex);
-            }
+            ret = await InvokeAsync<bool>("capturePicture", token, Id, fileName);
         }
         return ret;
     }
 
-    /// <summary>
-    /// 抓图返回文件流方法 由 Javascript 调用
-    /// </summary>
-    /// <param name="stream"></param>
-    /// <returns></returns>
-    [JSInvokable]
-    public async Task TriggerReceivePictureStream(IJSStreamReference stream)
-    {
-        if (_captureTaskCompletionSource != null)
-        {
-            _captureTaskCompletionSource.SetResult(stream);
-        }
-    }
-
     /// <summary>
     /// 开始录像方法
     /// </summary>

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

@@ -409,24 +409,24 @@ export async function setVolume(id, value) {
     return code;
 }
 
-export async function capturePicture(id) {
+export function capturePicture(id, szFileName) {
     const vision = Data.get(id);
     const { realPlaying } = vision;
 
     if (realPlaying !== true) {
-        return "";
+        return false;
     }
 
     try {
-        const base64 = await WebVideoCtrl.I_CapturePicData();
-        if (base64) {
-            const bytes = base64ToArray(base64);
-            return DotNet.createJSStreamReference(bytes.buffer);
+        if (!szFileName) {
+            szFileName = `capture_${new Date().getTime()}`;
         }
+        WebVideoCtrl.I_CapturePic(szFileName);
+        return true;
     }
     catch (ex) {
         console.log(ex);
-        return null;
+        return false;
     }
 }
 
@@ -443,28 +443,34 @@ const base64ToArray = base64String => {
     return bytes;
 }
 
-export async function capturePictureAndDownload(id) {
+export async function capturePictureAndDownload(id, szFileName) {
     const vision = Data.get(id);
     const { realPlaying } = vision;
 
     if (realPlaying !== true) {
-        return;
+        return false;
     }
 
+    let ret = false;
     try {
         const base64 = await WebVideoCtrl.I_CapturePicData();
         if (base64) {
+            if (!szFileName) {
+                szFileName = `capture_${new Date().getTime()}.jpg`
+            }
             const anchorElement = document.createElement('a');
             anchorElement.href = `data:image/jpg;base64,${base64}`;
-            anchorElement.download = `capture_${new Date().getTime()}.jpg`;
+            anchorElement.download = szFileName;
             document.body.appendChild(anchorElement);
             anchorElement.click();
             document.body.removeChild(anchorElement);
+            ret = true;
         }
     }
     catch (ex) {
         console.log(ex);
     }
+    return ret;
 }
 
 export async function startRecord(id) {