web 手机拍照解析二维码(亲测OK)

最近公司做的app涉及摄像头,由于我们使用HTML5开发app,自然了解到getUserMedia接口。

关键是使用的问题,所以直接贴代码(通过互联网搜集资料整理)。

参考文章:https://blog.csdn.net/journey191/article/details/40744015

在华为荣耀V9 自带浏览器上测试的效果截图:


对准二维码中心,解码效果还是可以的。

已知BUG:

1、苹果5手机测试如下图:


2、部分老旧安卓手机不支持

接下来就是源代码



  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
要在 C# 中调用手机摄像头并解析二维码,你可以使用第三方库 ZXing.Net.Mobile。ZXing.Net.Mobile 是一个基于 ZXing 库的跨平台二维码扫描库,它支持在多个移动平台上使用。 下面是一个示例代码,展示了如何在 C# 中使用 ZXing.Net.Mobile 来调用手机摄像头并解析二维码: ```csharp using Xamarin.Forms; using ZXing.Mobile; using ZXing.Net.Mobile.Forms; public partial class MainPage : ContentPage { ZXingScannerPage scanPage; public MainPage() { InitializeComponent(); } private async void ScanButton_Clicked(object sender, EventArgs e) { var options = new MobileBarcodeScanningOptions { PossibleFormats = new List<ZXing.BarcodeFormat> { ZXing.BarcodeFormat.QR_CODE } }; scanPage = new ZXingScannerPage(options); scanPage.OnScanResult += (result) => { // 停止扫描 scanPage.IsScanning = false; // 处理扫描结果 Device.BeginInvokeOnMainThread(async () => { await Navigation.PopAsync(); await DisplayAlert("Scanned Barcode", result.Text, "OK"); }); }; // 显示扫描页面 await Navigation.PushAsync(scanPage); } } ``` 在上面的示例中,我们首先创建了一个按钮 `ScanButton`,当点击按钮时,会调用 `ScanButton_Clicked` 方法。在该方法中,我们创建一个 `ZXingScannerPage` 实例,并设置扫描的参数。然后,我们订阅了 `OnScanResult` 事件,当扫描到二维码时,会触发该事件,并在其中处理扫描结果。 最后,我们使用导航将扫描页面显示出来。 请确保在项目中安装了 ZXing.Net.Mobile 库,并在代码中引用了相应的命名空间。 通过以上代码,你可以在 C# 中调用手机摄像头并解析二维码。 希望这对你有帮助!如果你还有其他问题,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

拾荒网络工作室

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值