getUserMedia video视频镜面反转

场景是这样的,我需要调用摄像头不间断地抽帧,发送给后端,后端通过调用人脸库模型进行人脸识别,手势识别。

在此之前,我们尝试了使用摄像头推流的方法,把视频流通过node服务层中转(因为摄像机的ffmepg流不能直接播放),前端拉流以后抽帧。

后来,因为上述方式衍生问题比较多,传输慢、视频延迟、清晰度等问题逐渐暴露,虽然后面一一解决,但是我们还是想尝试新的方案,以此达到更佳的体验效果。

于是乎,我们买了usb摄像头,前端调用外接摄像头,抽帧,。。。抽帧步骤之前的工作就不再依赖后端。问题来了,摄像头的视频流获取以后怎么反转呢?至少视频镜像体验上要好很多吧。查了很多方法,最终发现一句代码就好。

 #video {
      transform: rotateY(180deg);
    }

对,我自己也惊呆了,把问题复杂化了,只想着怎么去处理视频流,怎么去使用第三方的播放器来解决问题。fuck!

附上一个小小的demo。。。。。




    
    
    
    js通过浏览器调用摄像头










你可能感兴趣的:(javascript)