Navegação a dois, a três, a cinco

Naveguem numa aba, juntos.

Compartilhe uma aba do navegador. Até quatro amigos assistem ao vivo com o som, conversam com você e apontam nela com cursores próprios. Sem conta, sem instalar nada, sem servidor nosso.

Grátis e de código aberto. Funciona em navegadores de computador; os amigos podem entrar pelo celular.

Lino e Lua, dois periquitos, dançam tango sob um holofote enquanto três cursores coloridos dançam numa aba compartilhada

Três passos

De uma aba a cinco pessoas em menos de um minuto

  1. Compartilhe uma aba: os amigos veem ao vivo, com o som

    Compartilhe uma aba

    Crie uma sala e escolha a aba que quer mostrar. O som vai junto. A aba continua funcionando normalmente para você.

  2. Convite com seis palavras, QR code ou link, depois seis palavras de confirmação

    Os amigos entram de três jeitos

    Um botão mostra seis palavras, um QR code e um link de convite, todos com as mesmas palavras. Os amigos digitam as palavras, leem o código ou abrem o link. Vocês comparam seis palavras de confirmação e você deixa entrar.

  3. Todos veem o cursor colorido de todos, ondas de clique e um laser

    Apontem, conversem e sigam

    Todos veem o cursor colorido de todos, ondas de clique e um laser sobre a transmissão. Fale com supressão de ruído forte, ligue a câmera, converse no chat, compartilhe uma janela ou a tela e envie a página em que você está para os amigos abrirem.

Extensão opcional

O app funciona sozinho. A extensão põe os cursores na aba de verdade.

Uma página da web não consegue ver nem desenhar em outra aba. Sem a extensão, os cursores dos amigos aparecem no app, sobre a transmissão. Com a pequena extensão instalada no seu navegador, eles aparecem também na própria aba que você compartilha.

Só o app

  • Compartilhar uma aba com o som, ou uma janela ou a tela
  • Convite com seis palavras, QR code ou link, palavras de confirmação
  • Camada de ponteiros no app: cursores, ondas, laser
  • Voz com supressão de ruído, câmeras e chat de texto
  • Enviar o endereço de uma página à mão

Com a extensão

  • Tudo o que o app faz
  • Cursores e ondas de clique dos convidados desenhados na aba compartilhada de verdade
  • Siga-me: o endereço da aba compartilhada aparece para enviar enquanto você navega
  • Uma conferência de que a camada está na aba que você está compartilhando
Com a extensão

Download

A extensão do tabtango

Uma pasta pequena. Você instala à mão, porque ela não está em nenhuma loja de extensões, e pode ler cada arquivo antes.

Baixar a extensão
Versão
0.1.0
Tamanho
62.8 kB
Arquivo
tabtango-extension-0.1.0.zip

SHA-256 11c15ee47917a09582e87e01f218019ae9d03cb3982e2465d1fccc5ee8fe9ff6

Compare com o arquivo baixado, por exemplo com sha256sum ou certutil -hashfile.

O que ela faz

  • Desenha os cursores, nomes e ondas de clique dos convidados na aba que você compartilha
  • Oferece o endereço dessa aba para você enviar aos convidados
  • Confere se está na mesma aba que você está compartilhando

O que ela não faz

  • Clicar, digitar ou rolar por ninguém: convidados nunca controlam seu navegador
  • Ler o conteúdo das suas páginas ou das outras abas
  • Enviar nada a lugar nenhum além do app tabtango no seu próprio navegador

Funciona em navegadores de computador que carregam uma extensão Manifest V3 sem compactação a partir de uma pasta. Navegadores que só aceitam extensões assinadas ainda não são suportados.

Instale em três passos

  1. Descompacte
    1

    Descompacte

    Descompacte o download numa pasta que você vai manter. O navegador carrega a extensão a partir dessa pasta.

  2. Ligue o modo de desenvolvedor
    2

    Ligue o modo de desenvolvedor

    Abra a página de extensões do seu navegador pelo menu e ligue o modo de desenvolvedor.

  3. Carregue a pasta
    3

    Carregue a pasta

    Escolha Carregar sem compactação e selecione a pasta tabtango-extension. Depois, numa sala, clique no botão do tabtango na aba que você compartilha.

As figuras são desenhos dos passos; os nomes na página do seu navegador podem mudar um pouco.

Cada permissão, e por quê

activeTab
Deixa a extensão desenhar numa aba só depois que você clica no botão dela nessa aba. Ela não ganha acesso às suas outras abas.
scripting
Coloca o script da camada naquela única aba, quando você pede.
storage
Lembra qual aba mostra a camada enquanto o navegador está aberto, para a extensão continuar funcionando se reiniciar. Nada fica guardado depois que você fecha o navegador.
Acesso só às páginas do app tabtango
Um pequeno script de ponte roda nas páginas do app tabtango para o app passar as posições dos cursores à extensão. Ele não roda em mais nenhum lugar.
Opcional: acesso aos sites
Pedido só se você ligar Siga-me entre páginas. Ele deixa a camada voltar depois que a aba compartilhada carrega outra página. Você pode desligar na extensão quando quiser.

Sem controle remoto, de propósito

Os convidados podem apontar, mas ninguém clica, digita ou rola no seu navegador, com ou sem a extensão. Deixar outras pessoas mexerem no seu navegador logado colocaria suas contas em risco, então o tabtango não faz isso.

Siga-me: o endereço da aba compartilhada aparece para enviar enquanto você navega

Limites honestos

O que o navegador permite, sem rodeios

Uma página não mexe em outras abas

O tabtango vê a aba compartilhada só como vídeo. Ele não lê nem altera a página. É o navegador protegendo você.

Criar a sala exige um computador

Compartilhar uma aba funciona em navegadores de computador. Celulares e tablets entram como convidados, e a tela do convidado foi feita para eles.

O som da aba precisa de um clique

Ao escolher a aba, deixe ligada a opção de compartilhar também o áudio, senão os amigos ouvem só a sua voz.

Algumas redes pedem um servidor TURN

A maioria das conexões vai direto entre os navegadores. Algumas redes rígidas bloqueiam isso; adicione seu próprio servidor TURN nas configurações.

O anfitrião carrega a sala

O vídeo vai do anfitrião para cada convidado, então o upload dele conta. Cinco pessoas é o máximo por sala.

Os pontos de encontro são relays públicos

Para se acharem, os dois lados passam um aperto de mão criptografado por relays MQTT públicos. Eles só veem um tópico aleatório e dados cifrados, e são deixados assim que vocês conectam.

Privado de nascença

Direto entre os navegadores

Nenhum servidor nosso

O site são arquivos estáticos. Vídeo, voz, chat e cursores vão direto entre os navegadores por WebRTC.

Criptografia de ponta a ponta

Toda conexão é criptografada com DTLS. As seis palavras de confirmação vêm dos certificados das duas pontas, então um estranho não entra sem ser notado.

Sem conta, sem rastreio

Escolha um nome e pronto. Sem cadastro, sem analytics, sem anúncios. Seu nome e configurações ficam no seu navegador.

Perguntas

O tabtango é grátis?

Sim. É grátis e de código aberto, com licença MIT.

Quantas pessoas cabem numa sala?

Cinco: você e quatro amigos.

Meus amigos podem clicar na minha aba?

Não. Eles apontam, fazem ondas e usam o laser, e você vê tudo, mas não clicam, digitam nem rolam no seu navegador. É de propósito.

Preciso da extensão?

Não. Sem ela, os cursores aparecem no app sobre a transmissão. A extensão coloca os cursores na aba de verdade e oferece a página em que você está para enviar.

Como os amigos entram?

De três jeitos, todos com as mesmas seis palavras: digitando, lendo o QR code com a câmera do celular ou abrindo o link de convite. O link guarda as palavras depois do #, uma parte que o navegador nunca envia a nenhum servidor. As palavras valem dez minutos, e os dois lados comparam seis palavras de confirmação antes de você deixar alguém entrar.

Dá para conversar e se ver?

Sim. A voz passa por uma supressão de ruído forte que roda no seu navegador, com teste de microfone. As câmeras aparecem em quadrinhos, e você escolhe o microfone, a câmera e, onde o navegador deixa, o alto-falante.

Funciona offline?

O app instala e abre offline, mas a sala precisa de internet para conectar.

Escolha uma aba. Chame quatro amigos.