Development Devices HTML iPhone

HTML Input Camera Blurry on iPhone Video [on hold]

My website lets a user record and upload a file using some basic html

<input type="file" accept="video/*;capture=camcorder">

Everything works fine; however, I have noticed my video is blurry compared to when I’m just normally recording a video on my iPhone. I’ve tested on multiple devices and all are blurry. The problem is when using this input element the camera is blurry. Why would the input element make the camera blurry, compared to when I just used the iPhone camera app? Can I add some attributes to the html element? Do I need to specify size? etc.

Here is the difference on my phone. Here is a screenshot when using html input (and yes I tried clicking to focus):
enter image description here

And here is screenshot from normal iPhone camera roll (when not opened through web input):
enter image description here

Any idea why this is happening, or how I can get around it?

Leave a Reply

Your email address will not be published. Required fields are marked *