실시간 하트 오버레이

유튜브는 하트 탭을 실시간으로 안 줍니다 → 채팅 ❤️ 감지 / likeCount 증분으로 띄우는 방식
LIVE
시청자 8명
📹 방송 화면
(이 영역 위로 하트가 떠오릅니다)
2
트리거 테스트
실제 연동 코드 (채팅 ❤️ 감지 + likeCount 증분) 
// 1) 채팅 메시지 들어올 때 — 하트/이모지 잡으면 띄우기 (채팅은 거의 실시간)
const HEART_RE = /[\u2764\u{1F90D}\u{1F495}\u{1F496}\u{1F497}\u{1F49B}\u{1F49C}\u{1F49A}\u{1F499}\u2665\u{1F60D}]|하트|하뚜|❤/u;
function onChatMessage(msg){
  if (HEART_RE.test(msg.text)) spawnHearts(1);   // 여러 개면 spawnHearts(2~3)
}

// 2) likeCount 폴링 — 숫자가 오르면 그 차이만큼 버스트 (유튜브 지연 보정)
let lastLikes = 0;
function onLikeCount(newCount){
  const delta = newCount - lastLikes;
  if (delta > 0 && lastLikes > 0) spawnHearts(Math.min(delta, 20));
  lastLikes = newCount;
  document.getElementById('likeCount').textContent = newCount;
}

// spawnHearts(n) 만 호출하면 됩니다 (아래 함수 그대로 사용)