Webcam icon not show in Mobile (iOS)

Uppy
1

Everything work when I test my computer, iPhone, iPad @https://uppy.io/examples/dashboard/. but when I embedded Uppy to my application the Camera Icon doesn’t show on both iPad and iPhone.

compare
compare2270×1274 220 KB

this is my config

const Uppy = require(’@uppy/core’)
const Dashboard = require(’@uppy/dashboard’)
const Webcam = require(’@uppy/webcam’)
const ActiveStorageUpload = require(’@excid3/uppy-activestorage-upload’)
require(’@uppy/core/dist/style.css’)
require(’@uppy/dashboard/dist/style.css’)
require(’@uppy/webcam/dist/style.css’)

let uppy = Uppy({
autoProceed: true,
// allowMultipleUploads: true,
restrictions: {
maxFileSize: 5000000,
maxNumberOfFiles: 3,
minNumberOfFiles: 0,
allowedFileTypes: [‘image/’, ‘application/pdf’, 'video/’]
},
// logger: Uppy.debugLogger
})

uppy.use(ActiveStorageUpload, {
directUploadUrl: direct_upload_url
})
uppy.use(Dashboard, {
target: ‘#drag-drop-area’,
inline: true,
replaceTargetContent: true,
showProgressDetails: true,
note: ‘Images and video only, 2–3 files, up to 1 MB’,
browserBackButtonClose: true
})
uppy.use(Webcam, {
target: Dashboard,
// countdown: false,
// modes: [
// ‘video-audio’,
// ‘video-only’,
// ‘audio-only’,
// ‘picture’
// ],
// facingMode: ‘user’,
// locale: {}
})

2

Hi @cyberjom! I didn’t see this question for a while, sorry for the late reply!

The Camera icon only shows up if the browser supports taking pictures/videos. It requires the MediaRecorder feature. caniuse.com has a support table: https://caniuse.com/#feat=mediarecorder Unfortunately, iOS Safari doesn’t support it yet unless you enable an experimental feature.