Как исправить проблему с камерой в мобильном браузере React Js - PullRequest
Новая
       8

Как исправить проблему с камерой в мобильном браузере React Js

0 голосов
/ 25 января 2019

Я создал веб-приложение React Js; использование диалогового компонента для открытия камеры и захвата живых изображений. Это прекрасно работает в настольных браузерах, но не в мобильных телефонах и устройствах 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>
...