voice recording from IPhone Chrome using HTML5 and javascript - 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.

Related

Is Firebase Cloud Messaging supposed to work on mobile devices?

I'm trying to set up background and foreround push notifications for a website using Firebase Cloud Messaging, but it doesn't appear to be working on mobile browsers.
I've tested it and it works fine on Firefox and Chromium on macOS, but it doesn't on Firefox and Chrome on Android, and Safari on iOS.
I tried debugging with remote devtools on Chrome and the console says the browser doesn't have the APIs necessary for Firebase Cloud Messaging. I'd understand Firefox and Safari but Chrome is developed by Google so I assumed it'd work with Firebase, so I was wondering if mobile browsers really are unsupported or if I was doing something wrong?
Thanks!
According to the documentation:
The FCM JavaScript API lets you receive notification messages in web
apps running in browsers that support the Push API. This includes the
browser versions listed in this support matrix.
Click the support matrix link to find out which browsers support the Push API.

Does off-site Push notification work on Chrome or Firefox for iOS?

Looking for information on compatibility for off-site push notifications on browsers, the following picture emerges:
Most desktop browsers support it, as long as they're somehow open or running in the background
Except Edge, which has Service Workers still under development apparently
Except Safari, of which, so far, there are only rumors that some day Service Worker implementation might be considered (or you can pay USD 100 for the privilege of using their completely non-standard implementation of push notification that has nothing to do with Service Workers)
On Android, Chrome and Firefox support it
On iOS, Safari definitively doesn't support it (same as for Desktop Safari, only worse since it's for "OS X only. Notifications for websites do not appear on iOS.")
However, there are iOS versions of Chrome and Firefox, but they don't seem to be the same codebase as their Desktop/Android browsers.
Firefox for iOS, in particular, According to MDN:
Because of Apple's App Store restrictions, [...] uses the built in
iOS UIWebView on iOS, which is based on WebKit
However, being restricted to using WebKit as rendering engine doesn't necessarily mean it's unable to implement service workers, or Push notification.
In particular, in the Push Notifications page of the Mozilla/Firefox wiki, there is this sentence:
Mobile is targeting Fx45+ to for initial support. Android and iOS will
leverage Google Cloud Messaging (GCM) and Apple Push Notification
Services (APNS) respectively.
Which, of course, sounds more like a declaration of intent or possibility, than of actual implementation.
So, does Push Notification using Service Workers work on Chrome or Firefox for iOS?
Are there plans to make it work on those iOS browsers, even while it doesn't on Safari?

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