如何修复设备相机不支持移动浏览器React Js中的问题

Question

我已经创建了一个React Js Web应用程序；使用对话框组件打开相机并捕获实时图像。这在台式机浏览器中运行良好，但在手机和Apple设备中却无法运行。但在Safari浏览器中，它可以完美运行。我如何在其他浏览器中也可以使用此功能？

                      <Dialog 
                            fullScreen={fullScreen}
                            open={this.state.open}
                            onClose={this.handleClose}
                            aria-labelledby="responsive-dialog-title">
                            <DialogTitle className={"testClassForStyle"} id="responsive-dialog-title">{<Translate
                                id={"webCam"}></Translate>}</DialogTitle>
                            <DialogContent className={"camscreen"}>
                                <div className={"webCamCss"}>
                                    <center><Webcam
                                        audio={false}
                                        height={200}
                                        ref={this.setRef}
                                        screenshotFormat="image/jpeg"
                                        width={350}/></center>

                                    <center><Button onClick={this.capture} className="btn-success text-white">
                                        <Translate
                                            id={"capture"}></Translate></Button></center>
                                </div>
                            </DialogContent>
                            <DialogActions id="actions-btns">
                                <Button onClick={this.handleClose} className="btn btn-default text-white" autoFocus>
                                    <Translate id={"cancel"}></Translate>
                                </Button>
                                <Button onClick={this.handleAddClose} className="btn btn-primary text-white">
                                    <Translate id={"addBtn"}></Translate>
                                </Button>
                            </DialogActions>
                        </Dialog>