how to make Webrtc support my Safari browser - javascript

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/

Related

Simulate a IOS environment for test website in safari

I'm developing an simples website using html, css/bootstrap and JS. I received feedback by Iphone user that some features not working in IOS mobile. Some Images not loading and counter-up not working too. In windows and android is working fine (chrome and Firefox). The question is, how I create a environment for simulate a IOS mobile for check how safari browser load my site? I tried install safari in windows but it not show equals execution in IOS. I think that browsershots not is a good ideia, because it works only with static content, and in the moment return 500 internal server error.
Microsoft BrowserStack provides a full test environment, however beyond the complimentary trial period it is not free. For errors related to pageload or reference, I would suggest you use device emulation and network throttling in a browser: Safari, Firefox, Chrome.
Some browsers are more forgiving of errors, so you may even have a typo. Is your trustworthy friend using an outdated browser while you require modern feature support? The scope of the problem seems undeserving of a bill for membership or tech support.

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.

Record voice from IPhone using HTML5

I have been working on a mobile web application just for my own enjoyment and research. Everything seemed to be working pretty slick with HTML5/CSS and JavaScript for the client application, although it looks like I need a third party technology for voice recording. I had a pretty good solution working with Flash, but after testing it with my IPhone, I had remembered that they don't seem to support flash which is disappointing because I had a pretty good solution going. I want to record voice using HTML5 in Iphone and android. Is there any way?
You could try HTML Media Capture. An article on dev.opera says:
Android OS 3.0 was the first platform to provide HTML Media Capture
support, via its default Android Webkit browser. Now HTML Media
Capture is also supported by:
Safari and Chrome Mobile for iOS 6+
Chrome Mobile for Android OS 3+
Firefox Mobile for Android OS 3+
Opera 16 for Android OS 3+
Nonetheless some of them only partially implement the specification or
implement an older W3C specification, that makes the code above
slightly different:
<input type="file" accept="image/*" capture="camera">
<input type="file" accept="video/*" capture="camcorder">
<input type="file" accept="audio/*" capture="microphone">
It links out to a demo page which you could try on your mobile. I also found this example page. In my quick iOS 7 testing though, it only worked correctly for photos and videos.
Edit: Further reading suggests accept="audio/*" isn't actually supported on iOS 6 and 7, only accept="image/*" and accept="video/*".
Update: A quick test on iOS 8.3 suggests nothing has changed here: accept="image/*" and accept="video/*" are supported, but accept="audio/*" is not.
Update: A quick test on iOS 10.0.2 suggests accept="audio/*" is still not supported, although it looks like you might be able to upload an audio file from iCloud Drive or Dropbox now.
Update: Despite what it says in the Webkit blog post, there still seems to be no support for accept="audio/*" in iOS 10.3 on my iPhone 5S.
Update: Same story in iOS 11.0.3. There still seems to be no support for accept="audio/*" on my iPhone 5S.
Update: Still the same in iOS 12.4.3. There seems to be no support for accept="audio/*" on my iPhone 5S.
This will not work on a website, but if you want to rework your web-app into a mobile app using Cordova this will let you use the microphone input. Takes some knowledge of web audio api to get working.
https://github.com/edimuj/cordova-plugin-audioinput
And RecorderJS to record its output:
https://github.com/mattdiamond/Recorderjs
Someone above mentioned RecorderJS not working on mobile but it does, it's just the mic input that doesn't work.
There is not currently any way I'm aware of to record mic input in a browser on mobile
You can use HTML5 WebAudio API.
Introduction to audio and video capturing Capture audio & video in HTML5
Nice Library to record audio with samples Recorder.js
On webkit-browsers i.e.Chrome and Safari in iOS you can use the get user media api with webkitGetUserMedia.
Details can be found here :
html5rocks

How to connect to iPhone's webkit debugger?

new iOS 6 feature is, that you can debug html and javascript running on device or simulator in desktop safari. I suppose, that this feature is based on Webkit Remote Debugging Protocol.
How can I connect to webkit running on iPhone without desktop Safari?
I can do this for mobile Chrome running on Android using websockets, but how can I do that for iOS devices?
The ios-webkit-debug-proxy project (from Google!) does this.
You want to look at this code https://github.com/leftlogic/remote-debug/tree/master/safari - although it fails when it actually comes to RPC calls that use __rpc_forwardSocketData.
If you've got any ideas why several of us are interested!
You need to open up the iPhone Simulator and browse to a website.
Then open Safari and choose "Develop" from the menubar. There is a the option called "iPhone Simulator".
If you hover over this you can see all of the open websites of the simulator.
This gives you the same inspector Safari uses. You can even see hovered elements in the iPhone Simulator.

Desktop notification APIs for browsers other than Chrome?

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/

Categories