Unable to share a link on whatsapp from Safari - safari

I am trying to share a link from html on whatsapp using
SHARE
This works fine for all browsers except safari.
In safari , When the share link is present on www.example.com(I am trying to share the link of the page I am standing on) page,if I try to share the link, only title text is shared, the link is not shared.
The whats app message generated is
title
despite of title http://www.example.com

Try encoding the text parameter using encodeURIComponent.
In your case that would be:
SHARE

We usually differ link at desktop view and mobile view to offer better support for safari and other browser.
for desktop view we use
https://web.whatsapp.com/send?phone=6200000000&text=Hello%20Moxqitto
for mobile, we follow whatsapp best practice https://faq.whatsapp.com/en/android/26000030/
https://wa.me/6200000000
Tested on
Chrome for mac
safari for mac
android chrome
Ps: not tested when mac have whatsapp desktop app, but it will still work in the safari itself. so it should be ok

Related

How does Hangouts get desktop capture on Safari?

So if we have a look at: https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API
The state of the getDisplayMedia - the function used to get desktop stream - shows that its currently not supported in safari 12. And its evident from the fact that calling getDisplayMedia in the console on Safari tells us that its not available.
Then how is it that Google Hangouts is able to get the desktop share in safari? Since hangouts is running inside the browser and according to my knowledge it has to use JS APIs to get screen.
Any hint or help would be highly appreciated.
Thanks
getDisplayMedia is supported in Safari 13. The MDN page you link to even says so.
This is what Hangouts uses. You can try it out here (click the "User gesture" button).
Safari only offers to share the entire desktop at the moment.

Agora SDK compatibility with Safari - both macos and ios

I am building a PWA with Agora broadcasting API. I managed to get the video stream playing on desktop Chrome, but not on Safari. The documentation says Safari is supported on both MacOS and iOS, but it doesn't seem like the case.
When I opened the client page on Safari, instead of playing the video stream, it just create a video player without content. I don't see any data being streamed in the inspector view, or there isn't any activity going on at all.
Do I need to do something different with Safari?
Agora.io provided an auto-diagnostic page for their Web SDK, which may be useful for you:
agora_webrtc_troubleshooting

Whatsapp share link does not work in safari

I'm using this approach: https://stackoverflow.com/a/25796908/3437433
It works like a charm, but when I'm trying to use it in Safari (both desktop and mobile), then quite strange things happen.
On desktop, origin link https://wa.me/?text=123 is somehow replaced with whatsapp://send?text=123. And then Safari displays error page about wrong protocol.
On mobile, correct page is opened by origin link, but also alert appears saying "can't open page because url is wrong". I can close that alert, can click on "send" button, but then https://whatsapp.com/download/ page is opened, instead of prompting to login to whatsapp and redirecting to chat.
Does anybody know what's going on here and whether it can be fixed?
We usually differ link at desktop view and mobile view to offer support for safari and other browser.
for desktop view we use
https://web.whatsapp.com/send?phone=6200000000&text=Hello%20Moxqitto
for mobile, we follow whatsapp best practice https://faq.whatsapp.com/en/android/26000030/
https://wa.me/6200000000
Tested on
Chrome for mac
safari for mac
android chrome
Ps: not tested when mac have whatsapp desktop app, but it will still work in the safari itself. so it should be ok
Official Sharing Documentation For WhatsApp. They say to use their wa.me/... URL. Okay! So let's try it out! http://wa.me/?text=mytest For me, I get an error message...
PAGE NOT FOUND
However, these seem to work great for me!
https://api.whatsapp.com/send?text=YourShareTextHere
https://api.whatsapp.com/send?text=YourShareTextHere&phone=123
If you are interested in watching a project that keeps track of these URLs, then check us out!: https://github.com/bradvin/social-share-urls#whatsapp

CefSharp embedded browser on .net not rendering Google StreetView

I have a Vb.Net WinForm Application with Cef Browser embedded onto this.
I use this browser to see Google Maps and Google Street View in the same app.
Use the Cef Browser because the embedded IE Browser gives me headache with the compatibility with the Google Maps JS API.
On almost all of the computers where the app is running, is running fine.
The problem is with one specific computer that can't render the Google Street View (Google Maps renders OK).
And it works on a normal browser like Google Chrome.
Here a Screenshot.
It's like it load only one picture, but when i move the camera it unload the picture and load another picture in the same place. Always one picture at the time. So weird.
I have no idea where to look for a solution.

How to show pdf on the mobile browser?

I am using iframe to embed a pdf on my web application , it is intended to support for all device , (desktop , mobile browsers) .
The problem is , on the desktop version it show perfectly (as chrome, fx has their own viewer).
However, when I view my website on ios/ android (android almost all browser not working) (ios Safari can show the pdf but without any function (e.g. zoom) ) .
How can I handle the mobile browsers (ios safari) (android chrome, fx and default one) if I need to display the pdf instead of download? thanks
<iframe src=”a.pdf” style=”width:600px; height:500px;” frameborder=”0″></iframe>
PDF's in iframes are not cross-Browser consistent, and there is not a lot you can do about it. The user may have to scroll in some iframes on certain Browsers. You may want to consider
<a href='a.pdf'>PDF Name</a>
instead.