Google Chrome Package應用程序：如何製作透明圓形背景，如Google環聊應用程序？

如下面的屏幕截圖所示，視頻羣聊應用是完全透明的，並且它也應用了背景陰影。Google Chrome Package應用程序：如何製作透明圓形背景，如Google環聊應用程序？

hangout app

我試過，沒有運氣幾種方法，通過應用CSS樣式爲「HTML」和「身體」標籤頁面，並使用「幀：無」選項，同時創造新的窗口，但它不」工作。

如何製作Google chrome包應用程序？

任何人有什麼想法？

這是我正在試驗的代碼。

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>

來源

2015-01-06 Prateek

Unfortu最近你目前無法做到這一點。我們列出了環聊應用，以便能夠使用此所需的API。

將這些API開放給第三方有潛在的安全問題（特別是網絡釣魚和點擊劫持攻擊）。解決這些安全問題需要付出很大努力，因此我們希望在開展此項工作之前查看該API是否適用於合作伙伴應用（環聊）。

我們現在正在考慮我們的選擇，未來可能會打開API到第三方應用程序。

來源

2015-01-06 22:35:49

感謝Ben的回覆。它是我最喜歡關於視頻羣聊應用的絕佳外觀和感覺之一。等待這些API開放給第三方插件。 – Prateek

以及有關打開API的任何更新？！ – Ali

這將是一個非常有趣的功能。我們可以投票支持/支持某個地方嗎？ – Supersharp

Google Chrome Package應用程序：如何製作透明圓形背景，如Google環聊應用程序？

回答

相關問題