How to create Javascript/Chrome notifications that are shown over fullscreen applications - javascript

I have a web application (HTML5, CSS3, JQuery) that displays notifications using both methods: a growl-like jquery plugin (javascript+html), or using the Chrome notification API (only if you are using Chrome).
What I want is to create a javascript growl-like notification that is shown over all the other windows in the screen, even if you have another application focused in fullscreen mode.
I think that this is not possible with javascript because probably it is restricted to the browser window, but maybe with the Chrome notification API it could be done (this notifications popup over other applications, if they are not in fullscreen mode).
Recently Chrome updated its browser so that the notifications are not shown if you have an application in fullscreen. In general it is a good update but if you want to show the notification even if you are in a fullscreen app, how do you do that? Can the final user of the web application change the behaviour of this notifications and make them appear always?
PD: if there is another browser technology that allows this kind of notifications, please tell me.

As far as I am aware this is not possible, certainly not as any sort of cross-browser solution.

Related

How to know if the browser is pinning by the android screen pin

I'm working on a web application that should always be visible on the tablet that opens.
To achieve this, what I have done is to use the 'Pin Screen' function of Android so that users who use the tablet do not leave the web application.
The problem that sometimes users leave in this way pressing the security keys.
For this reason I would like to know if there is any way from Javascript to know if the browser is pinning or not and thus be able to notify it on the server.

How does soundcloud web make an android notification

I am talking about this notification:
Somehow SoundCloud (the website) makes this notification appear and it has working controls. I do not have the app installed, that notification originates from com.android.chrome. I don't really need to know this to reproduce it, but I'm curious as to how it accomplishes this and perhaps in what other ways you can use it.
This is accomplished with Chrome Media Notifications. https://developers.google.com/web/updates/2015/07/media-notifications
To get the playback controls, and other information on the notification, you can customise them by providing meta data with the Media Session API. https://developers.google.com/web/updates/2017/02/media-session
When Android is programmed, it gets certain features that allow it to communicate with web hosts and websites. The website will have to be built a certain way that allows it to be communicative, but that seems to be what's happening in this situation.

Web Notification API - website doesn't need to be open?

I noticed some news sites such as Washington Post are able to pop up Web Notifications even though I don't have the site open in a tab. I don't recall this being possible before. How is it even possible for a website to execute the JS necessary if the site isn't open? How does one accomplish this using Web Notifications, is there a particular setting to accomplish this?
I believe they are using Push Notifications via Service Workers.
You can check the current support status to see if it's fit for you. It's well supported in modern browsers (although perhaps not the full specification).
A service worker is a script that your browser runs in the background,
separate from a web page, opening the door to features that don't need
a web page or user interaction. Today, they already include features
like push notifications and background sync.
and
A service worker has a lifecycle that is completely separate from your
web page.

Detect Eddystone-URL directly from Chrome Browser

is there a client based javascript way to detect Eddystone-URL beacons directly from the Chrome browser in iOS?
I know Chrome has the widget for the today view wich works fine, but I need to detect new Eddystones without pulling down the notifcations window.
Say a user clicks on a link provided by the widget, gets redirected to the Chrome app, does stuff, walks around and gets in range from another beacon.
Right now he would have to pull down the tab again to receive the new URI. But I need some sort of notification from within the Browser.
I hope you get the idea.
Thanks in advance!
Cheers
p.
Unfortunately, this is not possible. Understand that Chrome for iOS is just a thin app around the standard native iOS UIWebView, so there is nothing you can do in JavaScript that you cannot do in Safari. And Apple does not implemented any JavaScript bindings to the CoreBluetooth APIs that would be needed to detect Eddystone-URL beacons. The bottleneck is more of an iOS restriction than a Chrome browser one.
Note that this is not true for the Chrome browser on other platforms, notably ChromeOS, which does provide such JavaScript APIs.

Open the mobile device share dialog via web app

Problem:
We would like to open the mobile devices own share dialog when the user clicks on a button in our website, so that they have their local apps available.
Now: Is it even possible to get to the devices share dialog through the web browser on a phone?
We use only HTML5, CSS3 and Javascript for the websites, so no Android SDK or iPhone equivalent.
Apparently as José said it is not possible to access the devices share dialog directly through a web browser. Further investigations into other possibilities will be done on our side.

Categories

Resources