In android 14+, chrome, cannot open both camera and gallary

[gaolizhong]

Is there an existing issue for this?

• [x] I have searched the existing issues

Have you updated Vue FilePond, FilePond, and all plugins?

• [x] I have updated FilePond and its plugins

Describe the bug

web app. using vue filepond to upload image and video, In android 14+, chrome, cannot open both camera and gallary

Reproduction

<VideoFilePond name="video" ref="videopond" class-name="filepond" :label-idle="Capture / Select Videos to Upload (Max of ${videoMaxCount} at < 10MB each)..." allow-multiple="true" accepted-file-types="video/*" :maxFiles="videoMaxCount" maxFileSize="10MB" instantUpload="false" :maxParallelUploads="videoMaxCount" allow-Remove="true" allow-Process="false" allow-Revert="false" @init="handleVideoPondInit" v-on:addfile="addVideoFile" v-on:removefile="removeVideoFile" />

Environment

- Device:
- OS:
- Broser:
- Vue version:

[rikschennink]

It sounds like you need to set the proper capture attribute which can be done with the FilePond captureMethod property. Make sure to also set the correct accept attribute with acceptedFileTypes which requires the type validation plugin

From the source code:

captureMethod: [null, Type.STRING],
    // - "camera", "microphone" or "camcorder",
    // - Does not work with multiple on apple devices
    // - If set, acceptedFileTypes must be made to match with media wildcard "image/*", "audio/*" or "video/*"

I usually recommend first creating a normal file input element and testing with that, then when it works you move the settings to FilePond, that also allows you to determine if the problem is with FilePond or with the browser / device combination.