I saw a cool feature on slack that allows to share screen between users (like teamviewer or skype). But I can't find anywhere documentation how to capture a screen (e.g. on chrome). It seems slack does it without any extension, so it should be integrated into browsers.
Can anyone please provide me a link to documentation or throw me an exampe.
chrome.desktopCapture API offered by Chrome is useful to capture screen content, individual tabs or windows.
Related
display: "fullscreen" in my web app manifest file does not work. When I launch the site from my home screen the display-mode is standalone.
(I checked that via window.matchMedia('(display-mode: standalone)').matches.)
But there is this article on Google Developers saying that you can use it. Is it not supported on Chrome mobile? I especially want that the statusbar at the top is not shown.
Since Chrome 58 beta/stable immersive fullscreen mode is supported for progressive web apps.
To make it work you will have to create a shortcut on your home screen and launch your web app/site with this icon.
This could be done with the Add to home screen option in Chrome for Android.
For more information see the following Chromium blog post:
https://blog.chromium.org/2017/03/chrome-58-beta-indexeddb-20_21.html
"fullscreen" is not supported yet. Someone from Google Developers replied that on Twitter.
I'm doing a little research on how to develop a Chrome app for a project I have in mind. I would like to open my app in a split screen inside a person's browser tab, so that they can still see the webpage in the browser while interacting with my app. (In the same way that the console and developer tools work.)
Everything I've seen so far indicates that apps can only open a new window, not "split the screen". Is that correct? I haven't seen it explicitly stated.
If splitting the screen is possible - what's the notation/api?
The other option I'm aware of would be to create a DevTools extension (that operates in the Developer Tools split screen window.) I'm not sure that's preferable for this particular app, though
thanks.
Yes, this is correct. Chrome Apps cannot integrate with the browser UI, that's a design choice by Google.
If you need to interact with a browser tab, it must be an extension.
A DevTools panel is not a bad idea, since it frees you from the burden of injecting your own UI into the page. Otherwise, you'll need to modify the page's DOM (perhaps by injecting an iframe with your extension's page).
There is a proposal for a sidebar API, but it's not implemented (or rejected) as of yet.
Google offers the Remote Desktop extension, which allows remote control of a desktop.
However, if all we want is to allow screen sharing from a Chrome extension, what are the APIs we should look at?
The ideal workflow:
Bob starts screen sharing from a Chrome extension.
Alice can see Bob's screen by visiting a specific URL.
Thanks!
Referring to SCREENSHARING A BROWSER TAB IN HTML5, you can easily get this accomplished.
Start by
1) Creating a Browser Action
2) Use Tab's API to capture screen
3) Use Binary WebSocket to transfer information over wire .
References
Browser Action
Tabs API
HTML5 Article.
Is there a way to capture screen areas in the new packaged apps? Because of this Chrome bug http://code.google.com/p/chromium/issues/detail?id=68568&q=is%3Astarred&colspec=ID%20Pri%20Mstone%20ReleaseBlock%20OS%20Area%20Feature%20Status%20Owner%20Summary users cannot download their SVG files as PNGs (vector-paint.com). I know there is the chrome.tabs.captureVisibleTab function but that is not accessible to packaged apps.
There is no way to do it now in the API, although I have reported this in a bug
In the meantime, you might want to try the workarounds described in this Eric Bidelman's HTML5Rocks post. I'm not sure if these options play well with CSP restrictions, though.
I wonder how does chrome extension (like Aviary) capture the screen (webpage). Is is done on server side?
Of course it's not server-side. Each client may have a completely different render on their screen (size of the window, custom font size, etc.)!
Chrome extension API has a dedicated method to capture a page of a specified tab: chrome.tabs.captureVisibleTab. Please read the Chrome Extension doc.