Форум программистов
 
Регистрация на форуме тут, о проблемах пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail, а тут можно восстановить пароль

Купить рекламу на форуме 15-35 тыс рублей в месяц

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

           Online-курс Java с оплатой после трудоустройства. Каждый выпускник получает предложение о работе
           И зарплату на 30% выше ожидаемой, подробнее на сайте академии, ссылка - https://clck.ru/fCqwP

Ответ
 
Опции темы Поиск в этой теме
Старый 23.05.2022, 05:22   #1
SKolloN
Новичок
Джуниор
 
Регистрация: 23.05.2022
Сообщений: 3
По умолчанию Реализовать элементы управления камерой и просмотр изображения с нее

Здравствуйте уважаемые пользователи.
Дали мне задание Сделать в html формате элементы управления камерой и просмотр изображения с нее. Есть ip и 2 файла типа vspn с js элементами. Соответственно камера локальная и через интернет к ней не подключиться.
Прошу помощи с чего начать изучение, чтобы это реализовать или возможно вы сами мне сможете помочь. Я как верстальщик сайтов, в этом понимаю крайне плохо и честно говоря в тупике, т.к. в интернете информации по этому поводу я не нашел.
Если будут необходимы какие-либо данные постараюсь выложить, что смогу.
Заранее благодарю всех откликнувшихся за терпение и помощь в этом вопросе.
SKolloN вне форума Ответить с цитированием
Старый 24.05.2022, 08:02   #2
ADSoft
Старожил
 
Регистрация: 25.02.2007
Сообщений: 4,000
По умолчанию

как верстальщик - верстаешь окно отображение камеры и необходимые элементы для управления ей, кнопочки нужные ...итд

потом просто на нажатие кнопочек нужно будет привязать необходимые действия по выполнению js и все
ADSoft вне форума Ответить с цитированием
Старый 26.05.2022, 10:15   #3
SKolloN
Новичок
Джуниор
 
Регистрация: 23.05.2022
Сообщений: 3
По умолчанию

В этом и проблема, какие действия необходимо привязать? Сверстать это одно, но как мне реализовать управление самой камеры, просто взять код из имеющихся vspn файлов?
SKolloN вне форума Ответить с цитированием
Старый 26.05.2022, 13:09   #4
ADSoft
Старожил
 
Регистрация: 25.02.2007
Сообщений: 4,000
По умолчанию

1. разобраться самому и сделать
2. нанять того кто-может
3. если хотите получить адекватные ответы на форуме - адекватно сформулировать вопросы, дав максимальные пояснения. Вот все твердите vspn, vspn а мы что -Ванга? догадаться что это за файлы и что там находится?
ADSoft вне форума Ответить с цитированием
Старый 27.05.2022, 03:38   #5
SKolloN
Новичок
Джуниор
 
Регистрация: 23.05.2022
Сообщений: 3
По умолчанию

Хорошо, прошу прощение за вызванные неудобства
SKolloN вне форума Ответить с цитированием
Старый 29.05.2022, 08:56   #6
uberchel
Участник клуба
 
Аватар для uberchel
 
Регистрация: 19.01.2009
Сообщений: 1,424
По умолчанию

Для вывода можете использовать стандартный video элемент, для захвата используйте navigator.mediaDevices и MediaSource, как работать с ними можете найти через любой поисковик
uberchel вне форума Ответить с цитированием
Старый 19.06.2022, 01:05   #7
Арафат32
Новичок
Джуниор
 
Регистрация: 17.06.2022
Сообщений: 3
По умолчанию

В процессе гуглёжа попадаются запутанные примеры. Следующий код позволяет не только просматривать, но и записывать видео с вебкамеры и звук с микрофона и потом скачать результат:
Код:
<center>
<button id="startButton">запись</button>
<button id="stopButton">стоп</button><br /><br />
<video id="preview" width="320" height="240" style="border-style: solid" autoplay muted></video>
<video id="recording" width="320" height="240" controls hidden></video><br /><br />
<a id="downloadButton" hidden>скачать</a>
</center>
<script>
function startRecording(stream, lengthInMS) {
	let recorder = new MediaRecorder(stream);
	let data = [];
	recorder.ondataavailable = event => data.push(event.data);
	recorder.start();
	let stopped = new Promise((resolve, reject) => {
		recorder.onstop = resolve;
		recorder.onerror = event => reject(event.name);
	});
	return Promise.all([stopped, new Promise(resolve => setTimeout(resolve, lengthInMS)).then(() => recorder.state == "съёмка" && recorder.stop())]).then(() => data);
}
startButton.addEventListener("click", function() {
	navigator.mediaDevices.getUserMedia({
		video: true,
		audio: true
	}).then(stream => {
		preview.srcObject = stream;
		preview.captureStream = preview.captureStream;
		return new Promise(resolve => preview.onplaying = resolve);
	}).then(() => startRecording(preview.captureStream(), 5000)).then (recordedChunks => {
		recording.hidden = false;
		preview.hidden = true;
		recording.src = downloadButton.href = URL.createObjectURL(new Blob(recordedChunks, { type: "video/webm" }));
		recording.play();
		downloadButton.hidden = false;
		downloadButton.download = "RecordedVideo.webm";
	});
}, false);
stopButton.addEventListener("click", function() {preview.srcObject.getTracks().forEach(track => track.stop())}, false);
recording.onended = () => recording.currentTime = 0;
</script>
Арафат32 вне форума Ответить с цитированием
Ответ

           Интенсив по Python: Работа с API и фреймворками 24-26 ИЮНЯ 2022. Знаете Python, но хотите расширить свои навыки?
           Slurm подготовили для вас особенный продукт! Оставить заявку по ссылке - https://slurm.club/3MeqNEk

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Написание программы для управления веб камерой Comediant1 Фриланс 11 02.06.2016 03:58
Загрузка и просмотр изображения в Базу swkion C/C++ Базы данных 11 28.10.2015 11:40
Просмотр изображения Artem Мультимедиа в Delphi 4 08.05.2012 18:58
Элементы управления в VBA dimok5 Помощь студентам 0 08.02.2011 19:12
Элементы управления ольгаг Microsoft Office Excel 0 12.03.2010 09:45