System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种基于浏览器的扫码方法、装置、设备及介质制造方法及图纸_技高网

一种基于浏览器的扫码方法、装置、设备及介质制造方法及图纸

技术编号:42629899 阅读:10 留言:0更新日期:2024-09-06 01:31
本申请实施例提供了一种基于浏览器的扫码方法、装置、设备及介质,用以解决相关技术中HTML 5浏览器无法实现扫码功能的问题。由于在本申请实施例中,电子设备创建Video元素,将从采集单元获取到的视频流确定为所述Video元素的源数据,并且在接收到扫码请求时,调用采集单元,基于从采集单元获取到的视频流进行扫码,从而通过Video元素及调用采集单元可以实现扫码,使得可以基于浏览器实现扫码功能。

【技术实现步骤摘要】

本申请涉及计算机,尤其涉及一种基于浏览器的扫码方法、装置、设备及介质


技术介绍

1、随着移动互联网的快速发展,第五代超文本标记语言(hypertext markuplanguage 5,html5)浏览器已经成为人们上网的主要方式之一。html 5浏览器具有很多优点,比如加载快、兼容性好等。

2、但是,html 5浏览器也存在一些不足,例如功能不够丰富、交互性差等,像涉及到需要使用硬件上的功能,比如调用采集单元进行扫码等,则较难得以支持。


技术实现思路

1、本申请实施例提供了一种基于浏览器的扫码方法、装置、设备及介质,用以解决相关技术中html 5浏览器无法实现扫码功能的问题。

2、第一方面,本申请实施例提供了一种基于浏览器的扫码方法,所述方法包括:

3、创建video元素,将从采集单元获取到的视频流确定为所述video元素的源数据;

4、当接收到扫码请求时,调用采集单元,获取采集单元采集到的视频流,基于所述视频流进行扫码。

5、在一种可能的实施方式中,所述将从采集单元获取到的视频流确定为所述video元素的源数据包括:

6、基于navigator.getusermedia及video元素,将从采集单元获取到的视频流确定为video元素的源数据。

7、在一种可能的实施方式中,所述基于所述视频流进行扫码包括:

8、按照预设的时间间隔识别基于所述采集单元采集的视频流中的视频帧,直至识别出二维码或条形码;

9、对识别出的目标视频帧进行扫码。

10、在一种可能的实施方式中,所述基于所述采集单元采集的视频流进行扫码包括:

11、使用canvas技术创建画布,在所述画布绘制基于所述采集单元采集的视频流中的视频帧,对所述视频帧进行扫码。

12、在一种可能的实施方式中,所述基于所述视频流进行扫码:

13、获取所述采集单元采集的视频流中的视频帧,将所述视频帧转换为灰度图像,基于所述灰度图像进行扫码。

14、在一种可能的实施方式中,所述方法还包括:

15、若识别到二维码或条形码,则解析识别到的二维码或条形码,并返回解析得到的解析数据。

16、第二方面,本申请实施例还提供了一种基于浏览器的扫码装置,所述装置包括:

17、创建确定模块,用于创建video元素,将从采集单元获取到的视频流确定为所述video元素的源数据;

18、处理模块,用于当接收到扫码请求时,调用采集单元,获取采集单元采集到的视频流,基于所述视频流进行扫码。

19、在一种可能的实施方式中,所述创建确定模块模块,具体用于基于navigator.getusermedia及video元素,将从采集单元获取到的视频流确定为video元素的源数据。

20、在一种可能的实施方式中,所述处理模块,具体用于按照预设的时间间隔识别基于所述采集单元采集的视频流中的视频帧,直至识别出二维码或条形码;

21、对识别出的目标视频帧进行扫码。

22、在一种可能的实施方式中,所述处理模块,具体用于使用canvas技术创建画布,在所述画布绘制基于所述采集单元采集的视频流中的视频帧,对所述视频帧进行扫码。

23、在一种可能的实施方式中,所述处理模块,具体用于获取所述采集单元采集的视频流中的视频帧,将所述视频帧转换为灰度图像,基于所述灰度图像进行扫码。

24、在一种可能的实施方式中,所述处理模块,还用于若识别到二维码或条形码,则解析识别到的二维码或条形码,并返回解析得到的解析数据。

25、第三方面,本申请实施例还提供了一种电子设备,所述电子设备至少包括处理器和存储器,所述处理器用于执行存储器中存储的计算机程序时执行上述任一所述基于浏览器的扫码方法的步骤。

26、第四方面,本申请实施例还提供了一种计算机存储介质,其存储有可由电子设备执行的计算机程序,当所述程序在所述电子设备上运行时,使得所述电子设备执行上述任一项所述的基于浏览器的扫码方法的步骤。

27、由于在本申请实施例中,电子设备创建video元素,将从采集单元获取到的视频流确定为所述video元素的源数据,并且在接收到扫码请求时,调用采集单元,基于从采集单元获取到的视频流进行扫码,从而通过video元素及调用采集单元可以实现扫码,使得可以基于浏览器实现扫码功能。

本文档来自技高网...

【技术保护点】

1.一种基于浏览器的扫码方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述将从采集单元获取到的视频流确定为所述Video元素的源数据包括:

3.根据权利要求1所述的方法,其特征在于,所述基于所述视频流进行扫码包括:

4.根据权利要求1或3所述的方法,其特征在于,所述基于所述采集单元采集的视频流进行扫码包括:

5.根据权利要求1所述的方法,其特征在于,所述基于所述视频流进行扫码:

6.根据权利要求1所述的方法,其特征在于,所述方法还包括:

7.一种基于浏览器的扫码装置,其特征在于,所述装置包括:

8.根据权利要求7所述的装置,其特征在于,所述创建确定模块,具体用于基于navigator.getUserMedia及Video元素,将从采集单元获取到的视频流确定为Video元素的源数据。

9.一种电子设备,其特征在于,所述电子设备至少包括处理器和存储器,所述处理器用于执行存储器中存储的计算机程序时执行权利要求1-6中任一所述基于浏览器的扫码方法的步骤。

<p>10.一种计算机存储介质,其特征在于,其存储有可由电子设备执行的计算机程序,当所述程序在所述电子设备上运行时,使得所述电子设备执行权利要求1-6任一项所述的基于浏览器的扫码方法的步骤。

...

【技术特征摘要】

1.一种基于浏览器的扫码方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述将从采集单元获取到的视频流确定为所述video元素的源数据包括:

3.根据权利要求1所述的方法,其特征在于,所述基于所述视频流进行扫码包括:

4.根据权利要求1或3所述的方法,其特征在于,所述基于所述采集单元采集的视频流进行扫码包括:

5.根据权利要求1所述的方法,其特征在于,所述基于所述视频流进行扫码:

6.根据权利要求1所述的方法,其特征在于,所述方法还包括:

7.一种基于浏览器的扫码装置,其特征在于,所述装...

【专利技术属性】
技术研发人员:关文峰黄贤栋张达
申请(专利权)人:北京轻松怡康信息技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1