feat(voz): voz de robo sintetizada no estilo dos robozinhos de cinema
- voz-robo.js: silabas com deslize de tom, vibrato e filtro de formante
("uou", "ohh"), motorzinho de ruido filtrado e cliques; tudo gerado na
hora com Web Audio, sem gravacoes nem arquivos de terceiros
- um som proprio para cada gesto, incluindo maos (motor ao subir e descer)
- balbucio de robo na resposta da conversa (mesma frase, mesmo som; sobe
no fim quando e pergunta) e silencio dos gestos enquanto ele "fala"
- tela Rosto: ouvir a voz no PC e botao "Testar fala"; bipes antigos
ficam como reserva
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -42,6 +42,11 @@
|
||||
enviar({ tipo: 'ordem', ordem: texto });
|
||||
}
|
||||
|
||||
/** Mostra uma legenda na faixa de baixo da prévia. */
|
||||
export function legenda(texto: string) {
|
||||
enviar({ tipo: 'legenda', texto });
|
||||
}
|
||||
|
||||
/** Para a tela de reações: mostra uma receita sem mandar ao celular. */
|
||||
export function previa(receita: unknown) {
|
||||
enviar({ tipo: 'previa-reacao', receita });
|
||||
|
||||
@@ -7,7 +7,23 @@
|
||||
import Toggle from '../lib/componentes/Toggle.svelte';
|
||||
import { estado } from '../lib/estado.svelte';
|
||||
|
||||
let previa = $state<{ ordem: (t: string) => void }>();
|
||||
let previa = $state<{ ordem: (t: string) => void; legenda: (t: string) => void }>();
|
||||
// Ouvir a voz de robô aqui no PC (o clique na tecla libera o áudio do navegador).
|
||||
let ouvirAqui = $state(true);
|
||||
let audio: AudioContext | null = null;
|
||||
function voz(): AudioContext | null {
|
||||
const AC = window.AudioContext || (window as any).webkitAudioContext;
|
||||
if (!ouvirAqui || !AC || !(window as any).VozRobo) return null;
|
||||
audio ??= new AC();
|
||||
if (audio.state === 'suspended') audio.resume();
|
||||
return audio;
|
||||
}
|
||||
const FRASE = 'Oi! Eu sou o Carinha. Quer brincar comigo?';
|
||||
function testarFala() {
|
||||
previa?.legenda(FRASE);
|
||||
const c = voz();
|
||||
if (c) (window as any).VozRobo.balbuciar(c, FRASE, 0.5);
|
||||
}
|
||||
// Por padrão as emoções só aparecem aqui na prévia; ligado, vão também para o celular.
|
||||
let noCelular = $state(false);
|
||||
|
||||
@@ -22,6 +38,8 @@
|
||||
function emocao(g: string) {
|
||||
if (noCelular) gesto(g);
|
||||
else previa?.ordem(g);
|
||||
const c = voz();
|
||||
if (c) (window as any).VozRobo.tocar(c, g, 0.5);
|
||||
}
|
||||
|
||||
const IDEIAS: { titulo: string; texto: string; feito: boolean; onde: string }[] = [
|
||||
@@ -30,6 +48,7 @@
|
||||
{ titulo: 'Toque na tela', texto: 'Cutucar dá susto e risada; deslizar o dedo é carinho; tocar acorda.', feito: true, onde: 'rosto' },
|
||||
{ titulo: 'Mãos', texto: 'Mãozinhas na cor dos olhos: esconde o rosto, espia, acena e pensa com a mão no queixo.', feito: true, onde: 'rosto' },
|
||||
{ titulo: 'Faixa de baixo', texto: 'Legenda da conversa sendo digitada, pontinhos enquanto pensa, equalizador ao dançar e carga quando está no carregador.', feito: true, onde: 'rosto' },
|
||||
{ titulo: 'Voz de robô', texto: 'Chilreios, “uou!”, “ohh” e um balbucio quando responde, sintetizados na hora; motorzinho quando as mãos se mexem.', feito: true, onde: 'rosto' },
|
||||
{ titulo: 'Fala pelo próprio celular', texto: 'A resposta da conversa sai no alto-falante do S10, com os olhos pulsando na voz.', feito: false, onde: 'app' },
|
||||
{ titulo: 'Ritmo do dia', texto: 'Boceja à noite, fica sonolento com bateria baixa, mostra um raio quando carrega.', feito: false, onde: 'rosto e servidor' },
|
||||
{ titulo: 'Contato visual', texto: 'Sustenta o olhar de quem a câmera vê e desvia quando fica tímido.', feito: false, onde: 'rosto' },
|
||||
@@ -59,6 +78,15 @@
|
||||
<button class="tecla" onclick={() => emocao(g)}>{GESTOS_INFO[g].emoji} {GESTOS_INFO[g].nome}</button>
|
||||
{/each}
|
||||
</div>
|
||||
<div class="linha">
|
||||
<button class="tecla" onclick={testarFala}>🗣️ Testar fala</button>
|
||||
</div>
|
||||
<Toggle
|
||||
rotulo="Ouvir a voz de robô aqui no PC"
|
||||
ajuda="Sons sintetizados na hora, inspirados nos robozinhos de cinema"
|
||||
checked={ouvirAqui}
|
||||
onchange={(v) => (ouvirAqui = v)}
|
||||
/>
|
||||
<Toggle
|
||||
rotulo="Mandar as emoções também para o celular"
|
||||
ajuda="Desligado, elas aparecem só na prévia"
|
||||
|
||||
Reference in New Issue
Block a user