如何检测从打开相机返回后网络应用程序的恢复

How to detect resume of web app after returning from opening camera?

本文关键字:返回 相机 网络 应用程序 恢复 何检测 检测      更新时间:2023-09-26

我有一个网络应用程序,可以使用此处的解决方案打开相机:

如何从网络应用程序访问手机的相机?

但是,当我从相机应用返回到 Web 应用时,如何运行回调函数?

谢谢

你说你尝试过模糊/聚焦方法,但你有没有尝试过每 https://stackoverflow.com/a/19519701/6004366 的可见性 api?

我写了一个简短的脚本并对其进行了测试,然后转到我的相机,然后返回,它记录了它失去可见性并重新获得可见性。

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<input type="file" accept="image/*" capture="camera">
<ul id="log">
</ul>
<script type="text/javascript">
    var vis = (function(){
        var stateKey, eventKey, keys = {
            hidden: "visibilitychange",
            webkitHidden: "webkitvisibilitychange",
            mozHidden: "mozvisibilitychange",
            msHidden: "msvisibilitychange"
        };
        for (stateKey in keys) {
            if (stateKey in document) {
                eventKey = keys[stateKey];
                break;
            }
        }
        return function(c) {
            if (c) document.addEventListener(eventKey, c);
            return !document[stateKey];
        }
    })();
    vis(function(){
        var logitem = vis() ? 'Visible' : 'Not visible';
        var loglist = document.getElementById("log");
        var node = document.createElement("LI");  
        var textnode = document.createTextNode(logitem);
        node.appendChild(textnode); 
        loglist.appendChild(node);
    });
</script>
</body>
</html>