未分類
21 5 月 2020

请教一下， html5 在不用<video>tag 的情况下如何开启摄像头定时捕获图像

请教一下， html5 在不用<video>tag 的情况下如何开启摄像头定时捕获图像

資深大佬 : ww050312 1

RT 目前在网上查到的方法都是用 getUserMedia 的方法先获取视频 stream，再用这个 stream 给 video 那个 tag 赋值从而实时显示摄像头开启后看到的东西，而图像捕获就是用 drawImage 方法对 video 这个 tag 操作（我感觉是不是好像就类似屏幕截图啊……？） 但是我不想有 video 这个东西出现 T T 只想打开网页点一下确定授权摄像头，就可以每秒拍摄一次照片并且更新在网页上。 昨天查了一天，在 stackOverflow 好不容易找到一个一样的问题，答案也完全没给解决方案而是劝问问题的人还是用 video tag，我真的一脸？？？

大佬有話說 (5)

  • 資深大佬 : iConnect

    主搞偷窥？

  • 主 資深大佬 : ww050312

    @iConnect = =怎么会啊，捕获的图像是要放到网页上的。我要是想搞偷窥也该做 app 吧 lol

  • 資深大佬 : phy25

    https://developer.mozilla.org/en-US/docs/Web/API/MediaStream_Image_Capture_API

  • 資深大佬 : zrp1994

    @ww050312 不把 video 元素 attach 到页面上就行了

    https://codesandbox.io/s/intelligent-lewin-o2s80?file=/src/index.js

  • 主 資深大佬 : ww050312

    @zrp1994 啊太感谢了！！