使用 Blazor 访问设备摄像头

Access Device Camera with Blazor

我有一个 Blazor Web Assembly PWA，如何打开设备的原生摄像头？

我正在尝试编写一个 PWA 来捕获和保存图片。

编辑

想要将捕获的图像以 jpeg 格式保存到 Azure Blob 存储。

您可以通过 HTML 输入来实现。直接添加设备摄像头属性capture即可

<input type="file" accept="image/*" capture>

您可以在这里查看完整的源代码：

https://github.com/mehmettahameral/Blazor-wasm-pwa-camera

并在此处进行现场演示： https://infallible-bohr-56743b.netlify.app/

--

关于保存图片：这取决于你想把它保存在哪里。如果你能告诉我更多，我可能会更新解决方案。

希望对您有所帮助

您可以按照本教程进行操作：https://wellsb.com/csharp/aspnet/blazor-webcam-capture 捕获相机设备、流式传输内容、处理图像。

然后，您可以使用 Azure Blob Storage client library v12 for .NET 将图像上传到您的存储帐户。

You can find a Quickstart here: https://docs.microsoft.com/en-us/azure/storage/blobs/storage-quickstart-blobs-dotnet