Hi I have been using the browser camera on my website for users to record a life test, I have used MediaRecorder and it works quite well on chrome and firefox, but not on safari.
Do you know any alternative to MediaRecorder for recording videos from the browser camera with safari?
It can be using the video tag of html, or some html 5, if you have an example of implementation would be much better
Thank you very much
You can use it in safari
use the following steps
Go to Safari → Preferences → Advanced
Enable the option to “Show Develop menu in menu bar” at the bottom
Go to Develop → Experimental Features
Enable MediaRecorder
Reference this document
Or as alternative Audio Recorder Polyfill
https://github.com/ai/audio-recorder-polyfill
Related
I am using twilio video javascript sdk in a browser (or mobile webview). It works just fine, both ends publish their tracks. But I have not found any way for a user to zoom in his/hers camera exept from a custom css solution. Is there any "native" way to zoom in a camera that is powering the published track in twilio video/webrtc?
Thanks in advance
Edit:
Actually, the navigator.mediaDevices.getSupportedConstraints().zoom is true in all cases which means it is indeed supported by webview but the track.mediaStreamTrack.getCapabilities() does not have the zoom property when in android webview. When in android chrome it works just fine. Does anyone know why this happens?
There is a relatively new API for pan-tilt-zoom that works with getUserMedia.
In a nutshell you should be able to use
navigator.mediaDevices.getUserMedia({video: {zoom: true}})
and then use MediaStreamTrack.applyConstraint to change the zoom.
See the web.dev article for the details (as well as pitfalls)
I want to "lock" the orientation of the website to portrait mode in safari using pure javascript.
Let's say that I am building an application, I don't want users to be able to visit my app in landscape-mode. How do I do that?
Edit: I make the app in web-languages, I will assign it as a profile so anyone can download it on iPhone, so nothing with xCode or something.
the screen.lockOrientation method is not supported by Safari, so you'll have to do feature detection.
For Safari, you might try the ponyfill: https://github.com/chmanie/o9n
maybe using "windows.screen" work for you;
var alowed = window.screen.orientation.lock("portrait");
Can adobe-brackets be used with any browsers other than chrome?
If so, how can I implement it?
Enable File > Enable Experimental Live Preview.
You can then start Live Preview, which will initially be opened in your default browser. But the thing is, you can copy the page's URL to any other browser (Firefox, IE, Safari, Opera, ...) and all will be live-updated simultaneously.
More info:
Multibrowser Live Preview in the Wiki (outdated)
Release 1.1 announcement
I think you mean brackets.io. If so, the only supported browser is chrome (it's mentioned under Brackets Highlights - Live Preview - Other limitations) https://github.com/adobe/brackets/wiki/How-to-Use-Brackets
fancybox is working well on my site when seen on computer
but not working(i mean not getting overlays) on viewing in mobile(android native browser). I don't know what is the problem? is it a bug? please help me.
Fancybox is not supported on mobile browsers, largely because it and similar scripts make heavy use of "position: fixed", which is not supported in Mobile Safari and the Android browser.
See: http://groups.google.com/group/fancybox/browse_thread/thread/c1535b2bdefcad58/507ec578bb5347fa
I want to have a small audio player on my website. It must have a play/pause and next and previous track buttons.
That's the easy part, but I want the player to work for I.E versions >= 6, FF, Safari and Chrome.
Are there any existing javascript/html solutions out there or perhaps you have done something similar before yourself and willing to share your solutions?
A lot of info is already in this old question
Cross-platform, cross-browser way to play sound using jQuery 1.4?
http://www.happyworm.com/jquery/jplayer/latest/demos.htm
Keep in mind that you won't find a complete cross-browser solution both for mobile and desktop that respond the very same way in each environment.
Choose your target first.