使用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将图像上传到您的存储帐户。

您可以在此处找到快速启动:https://learn.microsoft.com/en-us/azure/storage/blobs/storage-quickstart-blobs-dotnet

相关内容

  • 没有找到相关文章

最新更新