使用 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 ://docs.microsoft.com/en-us/azure/storage/blobs/storage-quickstart-blobs-dotnet

引用自：https://stackoverflow.com/questions/63275099