在 safari 中拍照时不播放音频（Blazor 项目，使用 Javascript）

Question

我正在 Blazor 中创建一个项目。 我使用 Javascript 在单击按钮时拍照，同时我需要播放快门声。我使用的代码如下

private async Task CapturePhotoAsync()
{
    if (cameraModuleRef != null)
    {
        // Play camera shutter sound.
        await cameraModuleRef.InvokeVoidAsync("playCameraShutterSound");

        isLoading = true;
        StateHasChanged();

        // Capture a photo.
        await cameraModuleRef.InvokeVoidAsync("capturePhoto", ImageElementReferences[capturedPhotoCount], DotNetObjectReference.Create(this));            
        {
           // Create `Photo` instance.
        }
        isLoading = false;
        StateHasChanged();
    }
}

我的js文件代码是

export function playCameraShutterSound() {
document.getElementById("camera-shutter-audio").play();

}

在按钮上单击调用 CapturePhotoAsync 方法并执行 2 个任务（播放快门声音和拍照）。它在除 safari 之外的所有浏览器中提供声音和图片。在 safari 中只拍摄照片，没有声音。我该如何解决这个问题？

stack overflow相关的问题很多。但没有任何帮助。所以请将其视为一个新问题。