HTML Video Recording

I'm currently trying to record HTML5 video using the <input> tag.

The way I'm doing this is as so:
Code Block
<input id="videoFile" type="file" accept="video/*" capture="user"/>

This works, but the video is always in 360x480 resolution. I wish to know if there is a way to increase this.

I've tried going into the camera settings of my iPhone XR, but none of the 6 options there make any difference to the recorded video.

A source I found from 2016 said that 1080p 60fps would work, and the rest would not. I think this may have changed since.

If this is a duplicate question/issue, I apologise as I have not found it.

Thanks for any help!
  • I would absolutely love to see some acknowledgment of this issue from Apple. I think it's more likely "benign neglect" than deliberate sabotaging of the web as a platform, but this issue has persisted forever.

    I have a startup that depends on standards-based remote video collection via the web, and it's more than a bit frustrating that in 2021 iOS still downsamples all videos collected via HTML Media Capture to 360x480. What a waste of such powerful cameras!

    I've been an Apple fan forever (I even used to work at 1 Infinite Loop), so it pains me when to have to tell customers to use Android for better video quality when capturing videos via web forms.

  • There's an open, unassigned Webkit but about this same issue: https://bugs.webkit.org/show_bug.cgi?id=197216

Add a Comment

Replies

Yes - what else is this but a deliberate crippling of the web platform?
360x480 is definitely not up to date anymore but a setting that might have made sense 6 years ago.

Undoubtedly, a deliberate stoppage of the web platform delimited the video, but today that is already changing with sites like https://en.savefrom.net/20/ that leaves them in web format