四时宝库

程序员的知识宝库

基于HTML5+tracking.js,刷脸支付的实现

最近刷脸支付很火,老板们当然要追赶时代潮流,于是就有了刷脸支付这个项目。前端实现关键的技术是摄像头录像拍照人脸比对,本文来探讨一下如何在html5环境中如何实现刷脸支付以及开发过程中遇到的问题。

1.摄像头

1.1 input获取摄像头

html5中获取手机上的图片,有两种方式,使用input,如下可以打开摄像头拍照:

人脸点云的实时生成「three.js/tensorflow.js」

本文重点介绍使用 Three.js 和 Tensorflow.js 实现实时人脸网格点云所需的步骤,假定你了解异步 javascript 和 Three.js 基础知识,本教程不会涵盖基础知识。

融云实践:实时音频混音在 Web 端的探索与实践

互联网改变世界,以社交为地基。关注【融云全球互联网通信云】了解更多


在社交中,分享欲是维持关系和感情的重要标准,无论是熟人社交、婚恋交友还是兴趣社群。

分享欲表现在语聊房、连麦直播等具体社交场景中,不仅是维系关系的方式,还带有更多陪伴的情绪价值。比如,语聊房中一起听一首最爱的歌,朋友连麦一起看一场共同期待的电影。

前端小知识:Vue音频播放组件(毫秒级的精度控制)

在现代前端开发中,Vue.js已经成为了一个非常流行的框架。它以其直观、易于学习和使用的特点,吸引了大量的开发者。今天,我们将探讨如何使用Vue.js创建一个具有毫秒级精度控制的音频播放组件。

一、组件设计

如何使用 WebGL 进行实时视频处理

这是我最近在 CodePen 上制作的 WebGL 演示案例。它可以捕获网络摄像头的数据(或在无法访问网络摄像头时,从 placekitten 获取备用图像),并将其实时转换为 ASCII 图像艺术。

为了获得更多的复古性,我使用了 90 年代 DOS PC 中常见的 8x8 像素光栅字体(您可能会在某些 BIOS 中看到这种字体)。

要将图像内容映射到特定字符,我通过使用亮度图选择最佳匹配。我计算每个 4x4 正方形的像素。在画板内向下滚动以查看亮度图:

从头到脚撸一个多人视频聊天—WebRTC 实战(一)

前言

【 从头到脚 】会作为一个系列文章来发布,它包括但不限于 WebRTC 多人视频,预计会有:

WebRTC 实战(一):也就是本期,主要是基础讲解以及一对一的本地对等连接,网络对等连接。

WebRTC 实战(二):主要讲解数据传输以及多端本地对等连接、网络对等连接。

因为原生,选择一家公司(前端如何防笔试作弊)

也是前几天的笔试题,让我了解和巩固了一些原生js的api。感谢贵公司收留我,自己也会努力提升自己的技术。

如何通过浏览器api调用摄像头,录音设备?

navigator可以获取当前浏览器的信息。

navigator.mediaDevices 该对象可提供对相机和麦克风等媒体输入设备的连接访问,也包括屏幕共享。

前端上传前预览文件 image、text、json、video、audio「实践」



作者:linong

转发链接:https://segmentfault.com/a/1190000022597533

前言

前天有个需求,上传前需要校验

快来领取,33个常用JavaScript功能已封装成方法,拿来即用

在实际开发中,为了提高开发的效率,我们会把常用到的功能封装成方法,这样后期开发需要,拿来即用。

这里分享33个在实际开发中经常需要用到的功能(已封装成方法),分享给到大家。

webrtc打造群视频聊天系列之视频聊天和屏幕分享随意切换

引言

在前面的文章中已经实现了本地模拟一对一聊天和现实网络中一对一的视频聊天了,这篇文章在前面的网络一对一聊天的基础上进行改造,实现聊天的同时可以随意切换屏幕分享和自己摄像头画面

实现思路

  1. 首先建立一对一视频通话基础
<< 1 2 > >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接