我已经创建了一个按钮来拍摄剃须刀文件中的照片.我使用了下面的代码

 <button class="btn" type="button" @onclick="CapturePhotoAsync"></button>

在razor.cs文件中

 private async Task CapturePhotoAsync()
{
    if (cameraModuleRef != null)
    {
        isLoading = true;
        StateHasChanged();

        await cameraModuleRef.InvokeVoidAsync("capturePhoto", ...);
        {
            var photo = ObjectSpace.CreateObject<Photo>();
           ...
        }
           ..
    }
} 

现在我想给它添加一个声音 我知道添加声音的步骤.

   private async Task Play()
                            {
                                await _jsRuntime.InvokeAsync<string>("PlayShutter", "shutter");
                            }

如果我从单独的按钮调用此任务,它会起作用.但是如何从同一个按钮onClick事件调用这两个任务呢? 我正在使用XAF Blazor应用程序

推荐答案

private async Task CapturePhotoAsync()
{
    if (cameraModuleRef != null)
    {
        isLoading = true;
        StateHasChanged();
    //  await cameraModuleRef.InvokeVoidAsync("capturePhoto", ...);
        var task1 = cameraModuleRef.InvokeVoidAsync("capturePhoto", ...);
        var task2 = Play();

        await Task.WhenAll(task1, task2);

        var photo = ObjectSpace.CreateObject<Photo>();
        ...
   }
}

Html相关问答推荐

CSS Flex行之间的空间很大

Font Awesome 6插入符号未显示

删除第一个列表项上的左边框

Tailwincss:自动设置网格高度

通过POST方法提交html表单时CSV文件无法通过(在使用Django的上下文中)

为什么在添加文本时网格区域会调整大小?

在<;style&>中列出的三种字体中,只有两种显示

assets资源 净值元素不会扩展到涵盖子项

Bootstrap 5.3.2模式页脚左填充还是左边距?

有没有一种方法可以很容易地将这个div从底部:0转换到顶部:0?

如何使背景图像在面包屑中相互重叠

如何在CSS中延迟触发2个转换?

如何使用css创建六边形棋盘?

网格中的图像zoom 不正确

使单行路径的 svg 填充父级的 100% 宽度

如何将 HTML DateTime 转换为 Golang Time 对象

将图像高度调整到容器 div 中而不使其高度增加

如何将自定义图像插入 Shiny plot header?

如何使用 CSS Flex 设计一个导航栏,其中一组项目左对齐而另一组项目右对齐?

CSS 变量不适用于自定义属性回退值