Google Chrome 打包应用程序：如何制作透明的圆形背景，如 google 视频群聊应用程序？

Question

如下图所示，环聊应用程序是完全透明的，并且还应用了 background-shadow。

我尝试了几种方法，但没有成功，方法是将 css 样式应用于 "html" 并将 "body" 标记应用于页面，并在创建新 [= 时使用 "frame: none" 选项51=]，但它不起作用。

如何制作Googlechrome这样的打包应用？

有人知道吗？

这是我正在试验的代码。

mainfest.json :

{
  "manifest_version" : 2,
  "name" : "Demo App",
  "version" : "0.1",

  "description" : "Demo Purpose",
  "app" : {
    "background" : {
      "scripts" : ["background.js"]
    }
  },
  "permissions" : ["experimental"]
}

background.js :

chrome.app.runtime.onLaunched.addListener(function() {
    chrome.app.window.create("index.html", {
        frame: "none",
        id: "DemoWindow",
        resizable : false,
        innerBounds : {
            left: 600,
            maxWidth: 150,
            maxHeight: 150
        }
    });
});

index.html :

<!DOCTYPE html>
<html>
<head>

    <style type="text/css">
        .title-area {
            -webkit-app-region: drag;
        }
        html, body {
            margin: 0;
            padding: 0;
            border: none;
            outline: none;
            overflow: hidden;
            background-color: transparent;

        }
    </style>
</head>
<body>
<div class="title-area">Hello World</div>

</body>
</html>

Answer 1

很遗憾，您目前无法执行此操作。我们已将视频群聊应用程序列入白名单，以便能够使用为此所需的 APIs。

向第三方开放这些 API 可能会出现安全问题（特别是网络钓鱼和点击劫持攻击）。解决这些安全问题需要付出很大的努力，因此我们想在着手解决之前先看看 API 是否被认为对合作伙伴应用程序（视频群聊）有用。

我们现在正在考虑我们的选择，将来可能会 API 向第三方应用程序开放。

Google Chrome 打包应用程序：如何制作透明的圆形背景，如 google 视频群聊应用程序？

Google Chrome Package Apps : How to make transparent rounded background like google hangout app?

html

javascript

css

google-chrome

google-chrome-app