Barra de Carrossel

Instalado à parte, como parte do pacote Carrossel: este módulo não vem no instalador do aplicativo. Abra Catálogo de Módulos → Extensões e clique em Instalar no cartão do pacote Carrossel; o pacote instala todos os seus módulos de uma vez.

O que é esta página

Barra de Carrossel é o pequeno cartão de progresso para OBS que mostra como o pote está enchendo — "A barra do pote para OBS: quanto foi coletado e quanto falta até o giro". Vive em Carrossel → Sobreposição de barra do pote. O dinheiro que mostra vem da página Carrossel; esta página apenas decide a redação, o som e o aspecto.

O cartão tem sempre três linhas de altura: um título com um espaço de estado, a barra e os valores. Nada aparece ou desaparece — apenas o conteúdo dos espaços muda — por isso uma fonte fixada junto a outros elementos no OBS nunca pula.

Como configurar

A página abre com a lista de widgets, não com as configurações. Acima dela fica Criar widget; o primeiro se chama Principal e o novo chega como Novo widget. Cada linha tem um interruptor No ar, o nome do widget, um resumo de uma linha das configurações dele e os botões Copiar link, Duplicar, Excluir e Configurar. Excluir só aparece quando há dois, porque o último não dá para remover. Configurar abre as configurações descritas abaixo e leva você de volta à lista. Cada widget guarda o próprio link e a própria aparência, então dois deles podem ficar em cenas diferentes ao mesmo tempo.

No ar desligado tira essa barra da transmissão na hora, sem Salvar: ela sai do quadro e fica em silêncio, sem som de desconto, sem piscar, sem linha do vencedor e sem efeito, e a linha fica marcada como Desligado. O carrossel continua coletando e girando. Ligada de novo no meio de um desconto, a barra mostra o tempo que falta sem tocar o som. Uma barra excluída da lista fica escura do mesmo jeito, mesmo que o link dela ainda esteja no OBS. Para parar o próprio carrossel, use Desligar no bloco Carrossel: Controle.

1. Abra Carrossel → Sobreposição de barra do pote. Copiar no cabeçalho copia o endereço, e a mensagem confirma: "O link foi copiado — cole-o em uma Fonte de Navegador no OBS". Um tamanho de 600 x 160 é adequado.
2. A pré-visualização fica no meio. Preenchimento a arrasta de 0 a 100% para poder avaliar uma barra cheia sem esperar, Mostrar o desconto coloca um desconto no espaço de estado — o botão passa então a ler Ocultar o desconto — e Mostrar uma vitória reproduz a linha do vencedor. Os − e + à direita (Reduzir zoom / Aumentar zoom) dimensionam a pré-visualização.
3. As seções estão listadas à esquerda: Painel, Material, Efeito de contorno, Barra, Título, Valores, Desconto, Linha do vencedor, Margens da borda e Texto e som.
4. Texto e som é onde estão as palavras. Mostrar o título liga e desliga a linha acima da barra. Título acima da barra fica embaixo dele: "Deixe vazio para o título padrão", que diz Próximo giro no idioma do aplicativo. Para tirar o título, desligue Mostrar o título; esvaziar o campo, em vez disso, traz o padrão de volta.
5. Linha do vencedor na mesma seção é a frase mostrada durante alguns segundos após um cartão aparecer. Deixe vazio para a integrada, "{name} ganhou "{card}"", ou escreva a sua própria com os chips {name} e {card} abaixo do campo. A dica diz claramente: "Seu próprio texto não é traduzido — permanece como você escreveu."
6. Mostrar a porcentagem — "No espaço à direita, quando não há desconto nem fila". O espaço mostra uma coisa de cada vez, e vai por importância: um desconto em curso empurra a fila para fora, a fila empurra a porcentagem para fora.
7. Som quando o desconto inicia é um campo: ▶ toca o som, clicar no campo abre a janela Escolher um som, e Volume define o quão alto. Nessa janela dá para abrir qualquer pasta; o arquivo escolhido é copiado para a pasta de sons do app (Configurações → Som).
8. As outras seções são o aspecto. Painel: Fundo, Borda, Raio das bordas, Preenchimento, Espaço entre linhas, Sombra. Barra: Fundo, Preenchimento, Altura, Raio das bordas, Borda, Sombra. Título, Valores e Linha do vencedor cada um tem a sua própria Fonte, Tamanho, Cor e Sombra, com Espessura no título e na linha do vencedor. Desconto tem Cor, Tamanho e Brilho para o momento em que o espaço de estado se ilumina. Margens da borda tem Em cima e embaixo e À esquerda e à direita, em pixels: o espaço entre a borda da fonte e o cartão.
9. Material desenha o painel, o trilho da barra e o preenchimento em um dos doze temas, e cada tema traz as suas próprias cores de detalhe. Enquanto um tema está ligado, Borda em Painel e Barra fica oculta, e em alguns temas Sombra também, porque o tema as desenha sozinho. Efeito de contorno roda em volta do painel: em Quando toca, O tempo todo o mantém rodando e A cada evento o faz piscar quando sai um cartão do carrossel, incluindo um giro iniciado pelo painel. Por padrão o painel ocupa toda a largura da fonte, então defina À esquerda e à direita em Margens da borda para que o efeito não seja cortado nas laterais. Como os temas e os efeitos funcionam em geral está no guia "Estilizar um Overlay".
10. Aspectos prontos e os seus próprios modelos salvos ficam no cartão Estilização acima da lista de seções. Abra "-- Escolher um modelo --", escolha um de Integrado (Neon, Minimalista, Retrô e os doze temas), Meus — neste overlay ou Meus — de outros overlays, e pressione Aplicar. Nome do modelo com Salvar mantém o aspecto atual, Excluir remove um dos seus.
11. Pressione Salvar no cabeçalho da página.

Depois de atualizar para o strAImer 0.25.0

Atualize a fonte da barra do pote no OBS uma vez à mão: abra as propriedades da fonte no OBS e pressione Atualizar o cache da página atual. Até lá o OBS continua rodando a versão anterior da barra, que não conhece nem o interruptor No ar nem os temas. Esta é a última atualização que precisa disso: daqui para a frente a barra recarrega sozinha depois de uma atualização, esperando o som do desconto e a linha do vencedor terminarem.

Carregar ou atualizar a fonte no meio de um desconto em andamento não toca de novo o som do desconto nem repete o brilho.

O que não pode fazer

• A barra mostra o que a página Carrossel recolhe. Uma barra sem preenchimento significa que o pote está vazio, não que o link está errado. Quando uma cena carrega, a barra espera o carrossel e só aparece depois que o carrossel respondeu, então a fonte fica vazia enquanto o carrossel está desligado em Carrossel: Controle ou nem está rodando. Ela também fica vazia quando No ar está desligado na linha da barra ou a barra foi excluída da lista.
• Os valores estão na sua moeda base, a que está em Configurações → Localização. Não há configuração de moeda aqui e nenhuma conversão para o espectador.
• O espaço de estado contém uma coisa. O desconto, a fila e a porcentagem não podem ser mostrados lado a lado, e a ordem entre eles não pode ser alterada.
• A linha do vencedor precisa de um nome. Um giro iniciado a partir do botão em vez de por uma doação não tem ninguém para nomear, por isso os valores simplesmente permanecem no lugar.
• Nada nesta página altera o alvo, o desconto ou o pote. Esses estão na página Carrossel; a barra apenas os reporta.
• Não há histórico na barra — mostra o pote como está agora, não os giros que já aconteceram.
• Onde o cartão fica e quão largo é vem da Fonte do Navegador no OBS. Margens da borda só afasta o cartão das bordas da fonte; não há campos de posição ou largura.
• Cada barra do pote da lista tem o próprio link, o próprio texto, o próprio som e a própria aparência. A barra é uma Fonte do Navegador separada da fita de carrossel: adicionar uma não adiciona a outra.