Ideally what i want to do is to capture and records video on my website but be iphone and mobile friendly so users with mobile can save a video on their mobile and upload it into my site. I need to be able to take webcam input from a camera on any device sush as mobile show a live preview , record and play back . then upload it. I dont think any flash would help since iphone doesnt read flash. I tried few examples of html5 http://www.html5rocks.com/en/tutorials/getusermedia/intro/ but it doesnt work on iphone or mobile devices. any help would be appreciated
3
votes
2 Answers
3
votes
The HTML Media Capture standard is a HTML only solution that works great on all mobile browsers. For recording video use:
<input type="file" accept="video/*" capture >
Here's how the above code looks on iOS8:
Image courtesy of https://addpipe.com/blog/the-new-video-recording-prompt-for-media-capture-in-ios9/
The only issue is that you'll get .mov videos from iOS devices and .mp4/.3gp videos from Android devices. Those .mov files won't play on Android.
HTML Media Capture is a mobile only solution, it is not implemented in desktop browsers.
HTML Media Capturestandard which you can use on mobile, see my answer @benji_r - Octavian Naicu