Как добавить камеру в веб-приложение в activ.js? - PullRequest
Новая
       31

Как добавить камеру в веб-приложение в activ.js?

0 голосов
/ 30 апреля 2019

Я пришел к вам, потому что у меня есть проблема, которую я не могу решить.

В настоящее время я создаю веб-приложение вact.js и пытаюсь реализовать функцию камеры.В localhost на моем компьютере все работает, но я не могу запустить режим камеры на моем телефоне.

У меня есть эта ошибка:

"Ошибка камеры: Запрос неразрешено пользовательским агентом или платформой в текущем контексте, возможно, из-за того, что пользователь отказал в разрешении. "

Я знаю, что с библиотекой" response-html5-camera-photo "камера с"getusermedia »не поддерживается на iPhone с Chrome или Firebox, поэтому я работаю в Safari, но не могу найти решения, несмотря на множество попыток.Я также посмотрел, как передать права на Safari на моем iPhone, но не могу найти решение.

Так что, если вы знаете, как получить функцию камеры на вашем мобильном телефоне в Reaction.js, я 'я взяла!

Заранее благодарю за ответы!

Мой код: 

onTakePhoto (dataUri) {
  // Do stuff with the dataUri photo...
  //console.log('takePhoto');
  console.log(dataUri);
  this.setState(() => ({dataUri}));
  storage.ref('images').putString(dataUri, 'base64', {contentType:'image/jpg'}).then(function(snapshot) {
    console.log('takePhoto')
  });

}

render() {

    return (
            <div style={style}>
            <Link to='/'>
                <button>Back</button>
            </Link>
            <br/>
            <br/>
            <progress value={this.state.progress} max="100"/>
            <br/>
            <Camera
              onTakePhoto = { (dataUri) => { this.onTakePhoto(dataUri); } }
            />
                <button onClick={this.screenshot.bind(this)}>Capture</button>
                <br/>
                <br/>
                { this.state.url ? <img src={this.state.url} /> : null }
            </div>

1 Ответ

0 голосов
/ 30 апреля 2019

Вы пробовали это => 

navigator.getMedia = ( navigator.getUserMedia ||
                         navigator.webkitGetUserMedia ||
                         navigator.mozGetUserMedia ||
                         navigator.msGetUserMedia);

Источник => https://developer.mozilla.org/fr/docs/WebRTC/Prendre_des_photos_avec_la_webcam?

...