Desktop notification APIs for browsers other than Chrome? - javascript

Do other major browsers (Firefox, IE, Safari, Opera) have a built-in desktop notifications API like the one Chrome has?
If so, please leave a link to their documentation.

The notifications that Chrome has built in is based on the W3C Web Notifications specification.
As of today, the only browser that support THIS SPEC is Chrome. You can find a listing of browser support at CanIUse.com

You can enable them in Firefox with this extension
https://addons.mozilla.org/en-US/firefox/addon/tab-notifier/

Don't know about opera or safari but in firefox you can find this : https://addons.mozilla.org/en-US/developers/docs/sdk/latest/modules/sdk/notifications.html

You could check in here:
https://github.com/ttsvetko/HTML5-Desktop-Notifications
Demo page
http://ttsvetko.github.io/HTML5-Desktop-Notifications/

I know this is a 3 years old question. But here's my link to Opera Browser's desktop notification. I use Opera.
http://blogs.opera.com/desktop/2014/08/opera-developer-25-supports-web-notifications/

Related

Webcodecamjs-QR code scanning Library not working in Safari browser

I want a mobile page to scan QR-codes and display it's content.
This is the page:
https://ndvibes.com/demo/TicketSystem/check (index.html)
Very weird, it's working on Firefox (Linux), but not in Safari (iOS 11.4 /iPhone 6).
I thought the library I used didn't supported Safari, or Safari restricted
it because of security reasons, but the demo of the library is working just fine on iPhone!
So it Safari seems to be supported, and it doesn't block it, because it's working in the demo...
I have no clue on how to fix this.
Safari asks for permission to access the camera, when granted, it just does not display the camera-content.
I also checked the settings of Safari, but didn't saw anything disabled that could block the webcam-video to show.
Edit: This code doesn't seem to work on Android either, very weird, the demo is working on desktop and mobile, and my own code is working on desktop, but doesn't work on mobile...
To Use on Apple devices you have to make sure:
1- You must use https, for the protocol http does not work.
2- You must use Safari because in Apple, the other browsers do not have permission or access to some javascript things.
3- must use some version so you can use both cameras.
Problem: I thought the library I used didn't supported Safari, or Safari restricted it because of security reasons, but the demo of the library is working just fine on iPhone!
Reason: I have gone through with your webcodecamjs.js and compared with demo webcodecamjs.js.I found that there are some differences in these files.May be lib-code taken from git and actual demo lib-code are diffrent.
Solution: Simply replace your webcodecamjs.js with demo webcodecamjs.js and it should work.
EDIT
Note: You have to start the camera by event trigger as Safari doesn't allow Autoplay.

voice recording from IPhone Chrome using HTML5 and javascript

I am working on a english learning website. One part of our service are voice recording and grading. We use getUserMedia API to get users voice, and it works fine on PC browsers and iOS safari, however, it couldn't work on iOS Chrome.
In caniuse compatible table, there is no iOS chrome item so I'm not sure is it possible to use this API on iOS chrome. Is there any other methods or APIs to get users voice on iOS chrome?
Unfortunately, you're probably out of luck. iOS keeps very strict limitations on what alternative browsers can do. This means that other iOS browsers like Chrome, Opera, etc. don't have access to many of the native features that Safari has.

how to make Webrtc support my Safari browser

have developed a small video chat application using Webrtc . it works exactly fine in my other set of browsers (chrome,firefox,opera)... but it doesnt supports Safari .. please can one help me out in this,to make my application support Safari to
Unfortunately, Safari doesn't support WebRTC and you can't do anything from JavaScript.
Although you can instruct your users to install a Safari plugin to enable WebRTC support, like https://temasys.atlassian.net/wiki/spaces/TWPP/overview.
Good news everyone, things are about to change.
Apple announced support for WebRTC in Safari 11.
You can download the latest beta version of Safari 11 at the following link:
(You need to sign in with your Apple ID) https://developer.apple.com/safari/download/

Is the chrome.extension API available on mobile Chrome?

I'm writing a webpage that's supposed to encourage my users to install my Chrome extension if they haven't already. I have access to the chrome object when the JavaScript runs in Chrome, but not in other browsers like Safari or Internet Explorer. That's all well and good, but I was wondering whether the chrome object exists in mobile Chrome (Chrome for Android or iOS) and whether there is a separate API for those browsers. Thanks!
no, extensions or the .extension apis are currently not supported on mobile chrome.

jStorage not working in certain IOS safari browsers

I am trying to use jStorage on my site built on jQuery Mobile. It works fine on Chrome, Firefox, Android, some versions of Mobile Safari, and on IE 10 mobile on Windows Phone 8. It gives me an 'undefined' error when I try to set any value. For example, $.jStorage.set("FBID", response.authResponse.userID);
I have this issue on iPhone 5 (Safari 6.1) and iPhone 4S (Safari 6.0)
Enabling local storage on Safari does not help.
Any ideas or suggestions you could come up with?
Found the issue.... localStorage does not work on iOS when private browsing is switched on. When using jStorage, this causes error. Use the following if condition to ensure it does not show an error when browsing privately..
if($.jStorage.storageAvailable())
$.jStorage.get(key);
If you do a web search for "iOS 5 localstorage bug" you see that it's been broken in Mobile Safari for a while. jStorage utilizes HTML5 localstorage, thus why it does not work.

Categories