Controle de Câmera

O que é Controle de Câmera?

O controle de câmera em WebRTC refere-se ao conjunto de APIs e recursos que permitem aos usuários e aplicações selecionar dispositivos de câmera, configurar configurações da câmera e ajustar dinamicamente parâmetros de vídeo durante videochamadas. Isso inclui seleção de dispositivo, configurações de resolução, ajustes de taxa de quadros e, em hardware compatível, controles avançados como pan, tilt, zoom (PTZ), foco e exposição.

As capacidades modernas de controle de câmera permitem experiências de vídeo de nível profissional diretamente no navegador sem plugins, suportando desde a simples troca de dispositivo até a manipulação sofisticada de câmera para equipamentos de conferência de alta qualidade.

Seleção de Dispositivo de Câmera

Enumerando Câmeras Disponíveis

O primeiro passo no controle de câmera é descobrir dispositivos disponíveis usando enumerateDevices():

const devices = await navigator.mediaDevices.enumerateDevices();
const cameras = devices.filter(device => device.kind === 'videoinput');

Restrições de Mídia

Controle de Resolução

Especifique a resolução do vídeo usando restrições de largura e altura:

const constraints = {
  video: {
    width: { min: 640, ideal: 1280, max: 1920 },
    height: { min: 480, ideal: 720, max: 1080 }
  }
};

Resoluções comuns:

VGA: 640x480 (0,3 MP) - Baixa largura de banda, qualidade básica
HD (720p): 1280x720 (0,9 MP) - Padrão para videochamadas
Full HD (1080p): 1920x1080 (2,1 MP) - Alta qualidade, maior largura de banda
4K: 3840x2160 (8,3 MP) - Uso profissional, largura de banda muito alta

Modo de Orientação (Mobile)

Em dispositivos móveis, selecione câmera frontal ou traseira:

// Câmera frontal (selfie)
const frontCamera = { video: { facingMode: 'user' } };
// Câmera traseira
const rearCamera = { video: { facingMode: { exact: 'environment' } } };

Controles Avançados (PTZ)

Pan, Tilt e Zoom

A partir do Chrome 87, os navegadores suportam controles PTZ para câmeras compatíveis.

Melhores Práticas

Interface de Seleção de Dispositivo

Mostrar Nomes Amigáveis: Exibir device.label em vez de deviceId
Seleção Padrão: Selecionar padrão do sistema ou câmera usada anteriormente
Preview da Câmera: Mostrar preview ao passar sobre as opções de câmera
Persistir Seleção: Salvar a escolha de câmera do usuário no localStorage