【问题标题】:How can I get access to the selfie mobile camera using HTML5 / JS?如何使用 HTML5/JS 访问自拍手机摄像头?
【发布时间】:2020-11-13 21:30:21
【问题描述】:

我设计了一个边框,让用户在其中看到自己,用户将打开我的网站,并且手机自拍应该可以正常工作(idk 过程),因此他们的流将显示在该边框中。

我真的需要帮助!

【问题讨论】:

    标签: android ios web mobile camera


    【解决方案1】:

    这是可能的。您应该尝试查看 JS 中的 navigator.mediaDevices 元素。

    这里有很多细节需要介绍,所以我添加了一些指南链接。如果探索navigator.mediaDevices 不适合你。

    CodePen 上有一个测试站点:https://codepen.io/chrisbeast/pen/ebYwpX

    这里有更多详细信息的指南:https://www.digitalocean.com/community/tutorials/front-and-rear-camera-access-with-javascripts-getusermedia

    【讨论】:

    • 非常感谢!!我还需要一个帮助,你能看看codepen.io/chrisbeast/pen/ebYwpX上JS代码的第8行吗?我有一个错误,它是Uncaught TypeError: Cannot set property 'onchange' of null
    • 很奇怪。我没有得到那个错误。不在运行 chrome 的笔记本电脑或运行 chrome 的 Android 手机上。一切都很好。您是否允许网站访问资源?你能有某种插件从浏览器中“隐藏”你的相机吗?
    • 嗯,你尝试过你的暴徒吗?
    • 我尝试使用我的 android 在 codepen 中对其进行测试,它可以工作但是当我获取代码并在本地托管它时,它无法在手机上工作!
    • 我认为这是因为我的本地主机没有安全锁徽章?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-12-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多