Доступ к прямой трансляции клиента с использованием JavaScript - PullRequest
Новая
       20

Доступ к прямой трансляции клиента с использованием JavaScript

0 голосов
/ 26 августа 2018

Хорошо, у меня проблема (не проблема, просто нужно какое-то направление) - мне нужен доступ к прямому эфиру клиента (камера iphone) с помощью JavaScript.

Веб-сайт, к которому подключается iPhone, расположен на моем ПК.

Вот что должно произойти:

  1. iPhone подключается к локальному IP (192.168.1.XX) в браузере (Safari)
  2. iPhone позволяет веб-сайту получать доступ к камере (с использованием JavaScript getUserMedia)
  3. Камера iPhone транслируется в потоковом режиме в видеофайл на моем ПК, и (я не знаю, возможно ли это) видео постоянно обновляется

Это действительно сложный вопрос для меня, любая помощь будет принята с благодарностью!

Заранее спасибо!

EDIT Извините, что не опубликовал код ранее 

<!DOCTYPE html>
<html>
	<head>
		<title>Accessing Web Camera in JS</title>
	</head>
	<body>
		<video id="video"></video>
		<canvas id="canvas"></canvas><br>
		<button onclick="snap();">Snap</button>
		<script type="text/javascript">
			var video = document.getElementById('video');
			var canvas = document.getElementById('canvas');
			var context = canvas.getContext('2d');

			navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.oGetUserMedia || navigator.msGetUserMedia || navigator.mediaDevices.getUserMedia;

			if(navigator.getUserMedia){
				navigator.getUserMedia({video:true}, streamWebCam, throwError);
			}

			function streamWebCam (stream) {
				video.src = window.URL.createObjectURL(stream);
				video.play();
			}

			function throwError (e) {
				alert(e.name);
			}

			function snap () {
				canvas.width = video.clientWidth;
				canvas.height = video.clientHeight;
				context.drawImage(video, 0, 0);
			}
		</script>
	</body>
</html>

Кстати: Я следовал этому уроку для кода

Доступ к веб-камере в JS | Учебники JavaScript | Руководства по веб-разработке

...