49 lines
1.5 KiB
Elixir
49 lines
1.5 KiB
Elixir
defmodule WhisperWeb.VadLive do
|
|
use WhisperWeb, :live_view
|
|
alias Phoenix.PubSub
|
|
|
|
def mount(_, _, socket) do
|
|
PubSub.subscribe(Whisper.PubSub, "transcription")
|
|
|
|
socket =
|
|
socket
|
|
|> assign(:transcription, "")
|
|
|> assign(:started, false)
|
|
|
|
{:ok, socket}
|
|
end
|
|
|
|
def handle_event("start_vad", _params, socket) do
|
|
push_event(socket, "init-vad", %{})
|
|
{:noreply, assign(socket, started: true)}
|
|
end
|
|
|
|
def handle_info({:transcription, raw_json}, socket) do
|
|
new_text =
|
|
raw_json
|
|
|> Jason.decode!()
|
|
|> get_in(["chunks", Access.at(0), "text"])
|
|
{:noreply, update(socket, :transcription, &(&1 <> " " <> new_text))}
|
|
end
|
|
|
|
def render(assigns) do
|
|
~H"""
|
|
<div id="vad-container" phx-hook="VadHook">
|
|
<button phx-click="start_vad" class="btn btn-primary">🎙 Iniciar VAD</button>
|
|
|
|
<div id="vad-status" class="mt-4 text-sm text-gray-700"></div>
|
|
</div>
|
|
|
|
<div id="transcriptionContainer" class="w-full max-w-2xl space-y-4">
|
|
<%= if @transcription != "" do %>
|
|
<div class="p-4 bg-gray-100 rounded shadow-md">
|
|
<h2 class="text-sm font-semibold text-gray-700 mb-2">✅ Transcripción</h2>
|
|
<p class="text-green-600 whitespace-pre-wrap break-words text-sm leading-relaxed"><%= @transcription %></p>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
"""
|
|
end
|
|
|
|
end
|