SHA256
AidarKC
cf5460c5c7
в которой надо дорабоать 1. Исправить ошибки и сделать что бы работала вторая слева вкладка. ТОесть АПИ для сервера я сделал (пока они возвращают весь список сообщений целиком - всем большим списком сообщений в канал - для мвп это устраивает,и по этому только три АПИ функции добавилось) Там какието ошибки на клиенте ( я только сгенерил код - но гдето вылетает) по UI можешь исправлять переделывать - моешь оставить калечное как есть - мне пока не важно. Важно увидить что каналы и сообщения и публичная переписка в каналах блокчейна работает 2. потестировать и сделать корректное завершение сессии (там есть глюки при завершении сесии)
68 lines
2.0 KiB
JavaScript
68 lines
2.0 KiB
JavaScript
import { renderHeader } from '../components/header.js?v=20260403081123';
|
|
|
|
export const pageMeta = { id: 'login-camera-view', title: 'Войти по камере', showAppChrome: false };
|
|
|
|
export function render({ navigate }) {
|
|
const screen = document.createElement('section');
|
|
screen.className = 'stack';
|
|
|
|
const frame = document.createElement('div');
|
|
frame.className = 'camera-shell';
|
|
frame.innerHTML = `
|
|
<video class="camera-video" autoplay playsinline muted></video>
|
|
<div class="camera-frame"></div>
|
|
<div class="camera-hint">Наведите QR-код в рамку</div>
|
|
`;
|
|
|
|
const video = frame.querySelector('video');
|
|
let stream = null;
|
|
|
|
const stopCamera = () => {
|
|
if (stream) {
|
|
stream.getTracks().forEach((track) => track.stop());
|
|
stream = null;
|
|
}
|
|
};
|
|
|
|
if (navigator.mediaDevices?.getUserMedia) {
|
|
navigator.mediaDevices
|
|
.getUserMedia({ video: { facingMode: 'environment' }, audio: false })
|
|
.then((nextStream) => {
|
|
stream = nextStream;
|
|
video.srcObject = nextStream;
|
|
})
|
|
.catch(() => {
|
|
frame.insertAdjacentHTML('beforeend', '<div class="camera-error">Не удалось открыть камеру. Проверьте разрешения браузера.</div>');
|
|
});
|
|
} else {
|
|
frame.insertAdjacentHTML('beforeend', '<div class="camera-error">Камера не поддерживается в этом браузере.</div>');
|
|
}
|
|
|
|
const backButton = document.createElement('button');
|
|
backButton.className = 'ghost-btn';
|
|
backButton.type = 'button';
|
|
backButton.textContent = 'Назад';
|
|
backButton.addEventListener('click', () => {
|
|
stopCamera();
|
|
navigate('login-view');
|
|
});
|
|
|
|
screen.append(
|
|
renderHeader({
|
|
title: 'Войти по камере',
|
|
leftAction: {
|
|
label: '←',
|
|
onClick: () => {
|
|
stopCamera();
|
|
navigate('login-view');
|
|
},
|
|
},
|
|
}),
|
|
frame,
|
|
backButton,
|
|
);
|
|
|
|
screen.cleanup = stopCamera;
|
|
return screen;
|
|
}
|