使用 Blazor 访问设备摄像头

Question

我有一个 Blazor Web Assembly PWA，如何打开设备本机摄像头？

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

编辑

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

Answer 1

您可以使用 HTML 输入来实现这一点。您只需要添加capture直接打开设备摄像头的属性即可。

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

您可以在此处查看完整的源代码：

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

和现场演示：https : //infallible-bohr-56743b.netlify.app/

——

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

希望能帮助到你