From a5d6c5cbe4a0bb0e5e33e944a32ecab8348737b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Henrique?= <joaohenrique@Mac-mini-de-Joao.local>
Date: Thu, 10 Sep 2026 09:35:52 -0400
Subject: [PATCH] feat: aprimorado o preview de falantes na tela Refinar para
 reprod
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- aprimorado o preview de falantes na tela Refinar para reproduzir os trechos do vídeo
- corrigida a leitura dos timestamps do preview de falantes usando os clipes do banco
- alterado o preview de falantes para reproduzir diretamente na timeline ativa do Premiere

Resumo:
- 6 arquivos alterados
- 0 novos
- 4 modificados
- 2 removidos

 6 files changed, 68 insertions(+), 53 deletions(-)

Arquivos:
  - .jhonny/analises.db
  - .jhonny/analises.db-shm
  - .jhonny/analises.db-wal
  - code/cep-plugin/index.html
  - code/cep-plugin/main.js
  - code/cep-plugin/styles.css
---
 .jhonny/analises.db        | Bin 1069056 -> 1069056 bytes
 .jhonny/analises.db-shm    | Bin 32768 -> 0 bytes
 .jhonny/analises.db-wal    |   0
 code/cep-plugin/index.html |   2 +-
 code/cep-plugin/main.js    | 117 +++++++++++++++++++++----------------
 code/cep-plugin/styles.css |   2 +-
 6 files changed, 68 insertions(+), 53 deletions(-)
 delete mode 100644 .jhonny/analises.db-shm
 delete mode 100644 .jhonny/analises.db-wal

diff --git a/.jhonny/analises.db b/.jhonny/analises.db
index 352944436e54927e0ed438b76f22d508f7ba5bec..46f530281790c1dd5956e55657402a4f73ada769 100644
GIT binary patch
delta 83
zcmWN=ITe5~6h*-w_I)X+ut0}`D8Ry%5{lP@gP6b#Vqngh5PgXLT4!(Oax;7X&MaB(
fZFl}eIFX1{WFi-ZC`Bb|(TG-bq8Ec0AEtPGX>S(9

delta 83
zcmWN=ISqh76h+ZL?E6w<flPw}6ky>RA%Wuc;9yMP1~HJFbA<H>>otwu%%x`b{@riC
g=f(LG;Y1{2k%&}eA{T`yMI~y{h*or>e;C5{0e4py1poj5

diff --git a/.jhonny/analises.db-shm b/.jhonny/analises.db-shm
deleted file mode 100644
index fe9ac2845eca6fe6da8a63cd096d9cf9e24ece10..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 32768
zcmeIuAr62r3<XeTSayS60=Z=O-0|kP2&fu@!6Du^ziFC^7w55MN)9hQYV3Wk79a2P
z)%8g3H30$y2oNAZfB*pk1PBlyK!5-N0t5&UAV7cs0RjXF5FkK+009C72oNAZfB*pk
z1PBlyK!5-N0t5&UAV7cs0RjXF5FkK+009C72oNAZfB*pk1PBlyK!5-N0t5&UAV7cs
w0RjXF5FkK+009C72oNAZfB*pk1PBlyK!5-N0t5&UAV7cs0RjXF5cq?@4dk5`Qvd(}

diff --git a/.jhonny/analises.db-wal b/.jhonny/analises.db-wal
deleted file mode 100644
index e69de29..0000000
diff --git a/code/cep-plugin/index.html b/code/cep-plugin/index.html
index 22897d6..16500c9 100755
--- a/code/cep-plugin/index.html
+++ b/code/cep-plugin/index.html
@@ -375,7 +375,7 @@
         <div class="callout callout-info" id="refinarSpeakerEmpty"><strong>Nenhum falante identificado</strong><p>A análise carregada não possui diarização. Execute a diarização no Scanner para liberar esta etapa.</p></div>
         <div class="speaker-config" id="refinarSpeakerConfig" hidden>
           <div class="speaker-video-preview" id="refinarSpeakerPreview" hidden>
-            <video id="refinarSpeakerVideo" controls preload="metadata" playsinline></video>
+            <strong>Preview na timeline do Premiere</strong>
             <p class="field-help" id="refinarSpeakerPreviewInfo">Reproduzindo os trechos do falante selecionado.</p>
           </div>
           <div id="refinarSpeakerList"></div>
diff --git a/code/cep-plugin/main.js b/code/cep-plugin/main.js
index c27fde8..50af95c 100755
--- a/code/cep-plugin/main.js
+++ b/code/cep-plugin/main.js
@@ -2327,8 +2327,8 @@ function silenceLoadScannerAnalysis() {
       turnos = intervalosDoBanco.map(function (intervalo) {
         return {
           speaker: intervalo.falante,
-          start: intervalo.inicio,
-          end: intervalo.fim,
+          start: intervalo.inicio_na_timeline,
+          end: intervalo.fim_na_timeline,
           timelineStart: intervalo.inicio_na_timeline,
           timelineEnd: intervalo.fim_na_timeline,
           mediaPath: intervalo.arquivo,
@@ -2405,8 +2405,9 @@ function atualizarTelaRefinar(falantes, audioDoBanco) {
 
 var speakerAudioPlayer = null;
 var speakerAudioQueue = null;
-var speakerVideoPlayer = null;
-var speakerVideoQueue = null;
+var speakerTimelineQueue = null;
+var speakerTimelinePoll = null;
+var speakerTimelineToken = 0;
 
 // ---- Central transcript cache ----
 // Evita rodar o Whisper de novo para um vídeo já transcrito antes: indexa
@@ -3017,7 +3018,7 @@ function renderSpeakerConfiguration(speakerIds, speakerTurns, alvo) {
     play.title = (alvo.video ? "Ver" : "Ouvir") + " trechos de " + speaker.id;
     play.setAttribute("aria-label", (alvo.video ? "Ver" : "Ouvir") + " trechos de " + speaker.id);
     play.addEventListener("click", function () {
-      if (alvo.video) toggleSpeakerVideo(speaker.id, play);
+      if (alvo.video) toggleSpeakerTimeline(speaker.id, play);
       else toggleSpeakerAudio(speaker.id, play);
     });
     var input = document.createElement("input");
@@ -3071,17 +3072,13 @@ function stopSpeakerAudio() {
   }
   speakerAudioPlayer = null;
   speakerAudioQueue = null;
-  if (speakerVideoPlayer) {
-    speakerVideoPlayer.pause();
-    speakerVideoPlayer.onloadedmetadata = null;
-    speakerVideoPlayer.ontimeupdate = null;
-    speakerVideoPlayer.onended = null;
-    speakerVideoPlayer.onerror = null;
-    speakerVideoPlayer.removeAttribute("src");
-    speakerVideoPlayer.load();
+  speakerTimelineToken += 1;
+  if (speakerTimelinePoll) {
+    clearInterval(speakerTimelinePoll);
+    speakerTimelinePoll = null;
   }
-  speakerVideoPlayer = null;
-  speakerVideoQueue = null;
+  speakerTimelineQueue = null;
+  cs.evalScript("(function(){try{if(typeof qe!==\"undefined\"&&qe.stopPlayback)qe.stopPlayback();return \"ok\";}catch(e){return \"erro:\"+String(e);}}())", function () {});
   var videoPreview = document.getElementById("refinarSpeakerPreview");
   if (videoPreview) videoPreview.hidden = true;
   document.querySelectorAll(".speaker-play-button").forEach(function (button) {
@@ -3090,8 +3087,8 @@ function stopSpeakerAudio() {
   });
 }
 
-function toggleSpeakerVideo(speakerId, button) {
-  if (speakerVideoPlayer && speakerVideoQueue && speakerVideoQueue.speakerId === speakerId) {
+function toggleSpeakerTimeline(speakerId, button) {
+  if (speakerTimelineQueue && speakerTimelineQueue.speakerId === speakerId) {
     stopSpeakerAudio();
     return;
   }
@@ -3103,53 +3100,71 @@ function toggleSpeakerVideo(speakerId, button) {
     showToast("err", "Não há intervalos de vídeo disponíveis para " + speakerId + ".");
     return;
   }
-  if (!silenceState.mediaPath || !fs.existsSync(silenceState.mediaPath)) {
-    showToast("err", "Arquivo de vídeo da análise não encontrado.");
-    return;
-  }
-  var video = document.getElementById("refinarSpeakerVideo");
   var preview = document.getElementById("refinarSpeakerPreview");
   var info = document.getElementById("refinarSpeakerPreviewInfo");
-  if (!video || !preview) {
+  if (!preview) {
     showToast("err", "Preview de vídeo indisponível nesta versão do painel.");
     return;
   }
-  speakerVideoQueue = { speakerId: speakerId, ranges: ranges, index: 0, button: button };
-  speakerVideoPlayer = video;
+  speakerTimelineQueue = { speakerId: speakerId, ranges: ranges, index: 0, button: button };
   preview.hidden = false;
   if (info) info.textContent = "Reproduzindo os trechos de " + speakerId + ".";
-  video.onloadedmetadata = playCurrentSpeakerVideoRange;
-  video.ontimeupdate = advanceSpeakerVideoRange;
-  video.onended = advanceSpeakerVideoRange;
-  video.onerror = function () {
-    stopSpeakerAudio();
-    showToast("err", "Não foi possível reproduzir o vídeo deste falante.");
-  };
-  button.textContent = "■ vídeo";
+  button.textContent = "■ timeline";
   button.classList.add("is-playing");
-  video.src = speakerMediaFileUrl(silenceState.mediaPath);
-  video.load();
+  iniciarPreviewNaTimeline(speakerTimelineToken);
 }
 
-function playCurrentSpeakerVideoRange() {
-  if (!speakerVideoPlayer || !speakerVideoQueue) return;
-  var range = speakerVideoQueue.ranges[speakerVideoQueue.index];
+function iniciarPreviewNaTimeline(token) {
+  if (!speakerTimelineQueue || token !== speakerTimelineToken) return;
+  var range = speakerTimelineQueue.ranges[speakerTimelineQueue.index];
   if (!range) { stopSpeakerAudio(); return; }
-  speakerVideoPlayer.currentTime = Math.max(0, Number(range.start) - 0.15);
-  var playPromise = speakerVideoPlayer.play();
-  if (playPromise && playPromise.catch) playPromise.catch(function () { stopSpeakerAudio(); });
+  var inicio = Math.max(0, Number(range.start) - 0.15);
+  var inicioJson = JSON.stringify(inicio);
+  cs.evalScript(
+    "(function(){try{" +
+      "var seq=app.project.activeSequence;" +
+      "if(!seq)return JSON.stringify({ok:false,error:'Nenhuma sequência ativa.'});" +
+      "if(String(seq.sequenceID)!==" + JSON.stringify(String(silenceState.sequenceId)) + ")return JSON.stringify({ok:false,error:'A sequência da análise não está ativa.'});" +
+      "seq.setPlayerPosition(String(Math.round(" + inicioJson + "*254016000000)));" +
+      "app.enableQE();qe.startPlayback();" +
+      "return JSON.stringify({ok:true});" +
+    "}catch(e){return JSON.stringify({ok:false,error:String(e)});}}())",
+    function (raw) {
+      if (!speakerTimelineQueue || token !== speakerTimelineToken) return;
+      var resultado;
+      try { resultado = JSON.parse(raw); } catch (_) { resultado = { ok: false, error: "Resposta inválida do Premiere." }; }
+      if (!resultado.ok) {
+        stopSpeakerAudio();
+        showToast("err", resultado.error || "Não foi possível iniciar o preview na timeline.");
+        return;
+      }
+      monitorarPreviewNaTimeline(token);
+    }
+  );
 }
 
-function advanceSpeakerVideoRange() {
-  if (!speakerVideoPlayer || !speakerVideoQueue) return;
-  var range = speakerVideoQueue.ranges[speakerVideoQueue.index];
-  if (!range || speakerVideoPlayer.currentTime < Number(range.end)) return;
-  speakerVideoQueue.index += 1;
-  if (speakerVideoQueue.index >= speakerVideoQueue.ranges.length) {
-    stopSpeakerAudio();
-    return;
-  }
-  playCurrentSpeakerVideoRange();
+function monitorarPreviewNaTimeline(token) {
+  if (speakerTimelinePoll) clearInterval(speakerTimelinePoll);
+  speakerTimelinePoll = setInterval(function () {
+    if (!speakerTimelineQueue || token !== speakerTimelineToken) return;
+    var range = speakerTimelineQueue.ranges[speakerTimelineQueue.index];
+    cs.evalScript(
+      "(function(){try{var seq=app.project.activeSequence;return JSON.stringify({ok:!!seq,position:seq?Number(seq.getPlayerPosition().ticks)/254016000000:0});}catch(e){return JSON.stringify({ok:false,error:String(e)});}}())",
+      function (raw) {
+        if (!speakerTimelineQueue || token !== speakerTimelineToken) return;
+        var resultado;
+        try { resultado = JSON.parse(raw); } catch (_) { return; }
+        if (!resultado.ok || Number(resultado.position) >= Number(range.end)) {
+          speakerTimelineQueue.index += 1;
+          if (speakerTimelineQueue.index >= speakerTimelineQueue.ranges.length) {
+            stopSpeakerAudio();
+          } else {
+            iniciarPreviewNaTimeline(token);
+          }
+        }
+      }
+    );
+  }, 120);
 }
 
 function toggleSpeakerAudio(speakerId, button) {
diff --git a/code/cep-plugin/styles.css b/code/cep-plugin/styles.css
index 3e7d43c..28ca4b5 100755
--- a/code/cep-plugin/styles.css
+++ b/code/cep-plugin/styles.css
@@ -492,7 +492,7 @@ textarea { padding: 8px 10px; font: 10px var(--font-mono); color: var(--text-sec
 .speaker-name-input { width: 100%; }
 .speaker-active-field { margin: 0; padding: 6px 8px; white-space: nowrap; }
 .speaker-video-preview { margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid var(--border); }
-.speaker-video-preview video { display: block; width: 100%; max-height: 260px; border-radius: 5px; background: #000; }
+.speaker-video-preview strong { display: block; color: var(--accent); font-size: 10px; }
 .speaker-video-preview .field-help { margin: 6px 0 0; }
 .refinar-actions { display: flex; gap: 8px; flex-wrap: wrap; }
 .refinar-actions .button { flex: 1 1 180px; }