जैसा कि नीचे स्क्रीनशॉट में दिखाया गया है, hangout ऐप पूरी तरह से पारदर्शी है और इसमें पृष्ठभूमि-छाया भी लागू है।Google क्रोम पैकेज ऐप्स: Google hangout ऐप की तरह पारदर्शी गोलाकार पृष्ठभूमि कैसे बनाएं?
मैं सीएसएस स्टाइल "html" और पृष्ठ पर "शरीर" टैग को लगाने से और "फ्रेम: कोई नहीं" का उपयोग करके कोई भाग्य के साथ कई दृष्टिकोण की कोशिश की विकल्प नई विंडो बनाने के दौरान, लेकिन यह 'नहीं करता है टी काम नहीं
इस तरह Google क्रोम पैकेज ऐप कैसे बनाएं?
किसी को भी कोई विचार है?
यहां वह कोड है जिस पर मैं प्रयोग कर रहा हूं।
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>
आपके उत्तर के लिए धन्यवाद बेन। यह एक अद्भुत रूप और अनुभव है जो मुझे hangout ऐप के बारे में सबसे ज्यादा पसंद है। तृतीय पक्ष प्लगइन के लिए ऐसे एपीआई खोलने की प्रतीक्षा कर रहे हैं। – Prateek
एपीआई खोलने पर कोई भी अपडेट? – Ali
यह एक बहुत ही अंतराल सुविधा होगी। क्या हम कहीं कहीं समर्थन/समर्थन कर सकते हैं? – Supersharp