File size: 18,684 Bytes
b9925f1
ef272b7
b9925f1
ef272b7
b9925f1
 
 
ef272b7
c9e37ba
ef272b7
 
 
 
b9925f1
 
90fe8e8
b9925f1
90fe8e8
b9925f1
ef272b7
b9925f1
ef272b7
 
 
 
 
 
 
90fe8e8
ef272b7
 
b9925f1
90fe8e8
b9925f1
90fe8e8
b9925f1
 
90fe8e8
 
 
 
 
 
 
 
b9925f1
 
 
90fe8e8
 
 
 
 
 
 
 
b9925f1
 
 
90fe8e8
 
 
 
 
b9925f1
 
 
90fe8e8
 
 
 
b9925f1
 
 
90fe8e8
b9925f1
 
 
90fe8e8
 
b9925f1
 
90fe8e8
 
b9925f1
 
 
90fe8e8
 
b9925f1
 
ef272b7
90fe8e8
b9925f1
 
90fe8e8
b9925f1
90fe8e8
 
ef272b7
90fe8e8
 
 
 
 
 
 
 
 
 
ef272b7
 
 
 
90fe8e8
 
 
 
 
 
 
ef272b7
 
 
 
90fe8e8
 
 
 
 
 
 
 
 
 
 
 
 
ef272b7
90fe8e8
ef272b7
90fe8e8
 
 
 
 
 
 
 
ef272b7
90fe8e8
 
 
 
ef272b7
 
90fe8e8
 
ef272b7
90fe8e8
 
 
 
 
b9925f1
ef272b7
 
 
 
 
 
 
90fe8e8
ef272b7
 
 
b9925f1
ef272b7
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
b9925f1
ef272b7
 
 
 
 
 
 
 
 
 
 
 
90fe8e8
ef272b7
b9925f1
90fe8e8
ef272b7
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
90fe8e8
ef272b7
 
 
 
90fe8e8
ef272b7
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
c9e37ba
ef272b7
 
 
 
 
 
c9e37ba
 
 
 
 
ef272b7
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
c9e37ba
ef272b7
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
90fe8e8
 
 
 
 
d6b37b9
 
ef272b7
d6b37b9
 
 
ef272b7
90fe8e8
 
 
c9e37ba
 
90fe8e8
b9925f1
90fe8e8
 
ef272b7
90fe8e8
b9925f1
ef272b7
b9925f1
90fe8e8
 
 
 
 
 
 
 
 
 
 
b9925f1
ef272b7
b9925f1
90fe8e8
 
b9925f1
 
 
 
ef272b7
b9925f1
90fe8e8
ef272b7
90fe8e8
 
 
 
 
 
b9925f1
ef272b7
b9925f1
c9e37ba
ef272b7
90fe8e8
c9e37ba
ef272b7
 
90fe8e8
c9e37ba
ef272b7
c9e37ba
 
 
 
 
 
 
 
d6b37b9
ef272b7
 
 
 
d6b37b9
 
 
90fe8e8
ef272b7
 
c9e37ba
ef272b7
 
b9925f1
ef272b7
 
 
 
 
 
 
 
 
 
 
90fe8e8
c9e37ba
ef272b7
 
 
c9e37ba
ef272b7
90fe8e8
 
ef272b7
c9e37ba
90fe8e8
 
 
 
 
 
c9e37ba
90fe8e8
 
 
ef272b7
c9e37ba
90fe8e8
 
 
 
 
 
c9e37ba
ef272b7
 
 
 
90fe8e8
ef272b7
90fe8e8
ef272b7
90fe8e8
 
 
 
ef272b7
90fe8e8
 
ef272b7
90fe8e8
 
 
 
 
b9925f1
90fe8e8
 
 
 
 
 
c9e37ba
90fe8e8
 
ef272b7
90fe8e8
 
 
 
 
 
ef272b7
 
90fe8e8
 
 
 
 
b9925f1
 
ef272b7
 
90fe8e8
 
b9925f1
90fe8e8
b9925f1
 
90fe8e8
 
ef272b7
90fe8e8
ef272b7
 
90fe8e8
ef272b7
 
 
 
90fe8e8
ef272b7
90fe8e8
 
 
ef272b7
 
90fe8e8
ef272b7
90fe8e8
ef272b7
 
 
 
90fe8e8
 
 
 
 
ef272b7
 
 
 
90fe8e8
ef272b7
90fe8e8
 
 
 
 
 
ef272b7
b9925f1
 
ef272b7
90fe8e8
 
 
 
 
 
 
 
 
ef272b7
90fe8e8
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ef272b7
90fe8e8
 
 
 
 
 
ef272b7
90fe8e8
 
 
1e45cd9
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
import time
import threading
from dataclasses import dataclass, field
from typing import Optional, List, Tuple, Dict

import gradio as gr
import numpy as np
import cv2

import mediapipe as mp
from mediapipe.tasks import python
from mediapipe.tasks.python import vision

from deepface import DeepFace


# =========================
# 參數(可微調)
# =========================
ANALYZE_EVERY_SEC = 1.5          # ⭐ 建議 1.5~2.0:HF CPU 比較順
EMA_ALPHA = 0.45
CONF_TH = 40.0                   # DeepFace emotion confidence 門檻
SWITCH_CONFIRM_SEC = 2.5         # 連續穩定多久才算完成
ZOOM_FACTOR = 1.5                # ✅ 保留:只用在「顯示」
UI_TARGET_W = 720                # ✅ 回傳畫面縮小寬度,提升順暢度

# MediaPipe face detector 門檻(太高很容易漏)
MP_MIN_DET_CONF = 0.3

# 模型路徑(確認 repo 中模型真的在這裡)
MP_MODEL_PATH = "blaze_face_short_range.tflite"


# =========================
# 情緒中文 + 分數映射(7 -> 5)
# =========================
EMO_ZH = {
    "angry": "生氣",
    "disgust": "厭惡",
    "fear": "害怕",
    "happy": "開心",
    "sad": "難過",
    "surprise": "驚訝",
    "neutral": "平靜",
    "unknown": "未知",
}

EMO_TO_SCORE = {
    "angry": 1,
    "disgust": 1,
    "fear": 1,
    "sad": 2,
    "neutral": 3,
    "surprise": 4,
    "happy": 5,
    "unknown": 3,
}

SCORE_LABELS = {
    1: "1(心情差)",
    2: "2(不太好)",
    3: "3(普通)",
    4: "4(不錯)",
    5: "5(超棒)",
}
SCORE_CHOICES = [SCORE_LABELS[i] for i in [1, 2, 3, 4, 5]]


# =========================
# 狀態
# =========================
@dataclass
class AppState:
    mode: str = "攝影機辨識"

    running: bool = True
    finished: bool = False
    last_analyze_t: float = 0.0

    # smoothing
    ema_scores: Optional[np.ndarray] = None
    emo_keys: List[str] = field(default_factory=list)

    # stable/candidate
    stable_emo: str = "unknown"
    candidate_emo: Optional[str] = None
    candidate_since: Optional[float] = None

    # final
    final_emo: Optional[str] = None
    final_conf: Optional[float] = None
    final_score: int = 3


# =========================
# UI HTML
# =========================
def _hint_html(msg: str) -> str:
    return f"""
    <div style="border-radius:14px;padding:14px;border:1px dashed #DADADA;background:#FAFAFA;color:#000000;">
      {msg}
    </div>
    """

def _camera_hint_before_start() -> str:
    return _hint_html(
        "請先按「Click to access webcam / 允許」開啟攝影機;"
        "接著,請按「錄製(Record)」開始。"
    )

def _camera_hint_need_face() -> str:
    return _hint_html(
        "⚠️ 目前未偵測到人臉,請將臉部移至畫面中央、靠近鏡頭,並避免瀏海遮住眉眼,才可進行情緒辨識。"
    )

def _camera_hint_done() -> str:
    return _hint_html("已完成辨識,可按「重新攝影機辨識」再次進行辨識。")

def _camera_hint_stopped() -> str:
    return _hint_html("已停止辨識。可按「重新攝影機辨識」再試一次。")

def _score_radio_value(score: int) -> str:
    score = int(score)
    score = min(5, max(1, score))
    return SCORE_LABELS[score]

def _result_card_html(emo_key: str, conf: Optional[float]) -> str:
    zh = EMO_ZH.get(emo_key, emo_key)
    score = EMO_TO_SCORE.get(emo_key, 3)
    conf_txt = "" if conf is None else f"{conf:.1f}%"
    score_desc = SCORE_LABELS[score].split("(")[1].rstrip(")")

    return f"""
    <div style="
        border-radius:16px;
        padding:20px;
        border:1px solid #E6E6E6;
        background:#FFFFFF;
        color:#000000;
    ">
      <div style="font-size:14px;color:#000000;margin-bottom:8px;">
        辨識結果
      </div>

      <div style="
        font-size:42px;
        font-weight:800;
        line-height:1.1;
        margin-bottom:14px;
        color:#000000;
      ">
        {zh}
      </div>

      <div style="font-size:16px;color:#000000;margin-bottom:6px;">
        心情分數:{score}{score_desc}
      </div>

      <div style="font-size:14px;color:#000000;">
        信心值:{conf_txt}
      </div>
    </div>
    """


# =========================
# 影像處理(保命 + 顯示優化)
# =========================
def _to_rgb_uint8(frame: np.ndarray) -> np.ndarray:
    """統一成 MediaPipe Tasks 最穩格式:RGB、uint8、0~255、contiguous。"""
    if frame is None:
        return frame

    # RGBA -> RGB
    if frame.ndim == 3 and frame.shape[2] == 4:
        frame = frame[:, :, :3]

    # 灰階 -> RGB
    if frame.ndim == 2:
        frame = np.stack([frame, frame, frame], axis=-1)

    # dtype / range 修正
    if frame.dtype != np.uint8:
        mx = float(np.max(frame)) if frame.size else 0.0
        if mx <= 1.5:  # 多半是 0~1
            frame = (frame * 255.0).clip(0, 255).astype(np.uint8)
        else:          # 多半是 0~255 但 float
            frame = np.clip(frame, 0, 255).astype(np.uint8)

    return np.ascontiguousarray(frame)

def _zoom_center(frame: np.ndarray, zoom: float) -> np.ndarray:
    if frame is None or zoom <= 1.0:
        return frame
    h, w = frame.shape[:2]
    new_w = int(w / zoom)
    new_h = int(h / zoom)
    start_x = (w - new_w) // 2
    start_y = (h - new_h) // 2
    cropped = frame[start_y : start_y + new_h, start_x : start_x + new_w]
    return np.ascontiguousarray(cropped)

def _resize_for_ui(frame_rgb: np.ndarray, target_w: int = UI_TARGET_W) -> np.ndarray:
    """回傳給 Gradio 的畫面縮到固定寬度,減少傳輸/渲染負擔。"""
    if frame_rgb is None:
        return frame_rgb
    h, w = frame_rgb.shape[:2]
    if w <= target_w:
        return frame_rgb
    scale = target_w / w
    new_h = max(1, int(h * scale))
    return cv2.resize(frame_rgb, (target_w, new_h), interpolation=cv2.INTER_AREA)


# =========================
# MediaPipe Tasks Face Detector
# =========================
BaseOptions = python.BaseOptions
FaceDetector = vision.FaceDetector
FaceDetectorOptions = vision.FaceDetectorOptions
VisionRunningMode = vision.RunningMode

_face_detector = FaceDetector.create_from_options(
    FaceDetectorOptions(
        base_options=BaseOptions(model_asset_path=MP_MODEL_PATH),
        running_mode=VisionRunningMode.IMAGE,
        min_detection_confidence=MP_MIN_DET_CONF,
    )
)

def mp_tasks_detect_and_draw(frame_rgb: np.ndarray):
    """
    - 最大臉策略(bbox 面積最大)
    - 有臉:畫白框 + 紅點 keypoints
    - 回 bbox_px (x, y, w, h) 供 ROI 裁切
    """
    frame_rgb = _to_rgb_uint8(frame_rgb)
    h, w = frame_rgb.shape[:2]

    mp_image = mp.Image(image_format=mp.ImageFormat.SRGB, data=frame_rgb)
    result = _face_detector.detect(mp_image)

    if not result.detections:
        return frame_rgb, None

    best_det = None
    best_area = -1.0
    best_bbox = None

    for det in result.detections:
        bbox = det.bounding_box
        area = float(bbox.width) * float(bbox.height)
        if area > best_area:
            best_area = area
            best_det = det
            best_bbox = bbox

    if best_det is None or best_bbox is None:
        return frame_rgb, None

    lx = int(best_bbox.origin_x)
    ly = int(best_bbox.origin_y)
    bw = int(best_bbox.width)
    bh = int(best_bbox.height)

    lx = max(0, min(w - 1, lx))
    ly = max(0, min(h - 1, ly))
    bw = max(1, min(w - lx, bw))
    bh = max(1, min(h - ly, bh))

    bgr = cv2.cvtColor(frame_rgb, cv2.COLOR_RGB2BGR)
    cv2.rectangle(bgr, (lx, ly), (lx + bw, ly + bh), (255, 255, 255), 3)

    for kp in best_det.keypoints:
        cx = int(kp.x * w)
        cy = int(kp.y * h)
        cv2.circle(bgr, (cx, cy), 6, (0, 0, 255), -1)

    drawn = cv2.cvtColor(bgr, cv2.COLOR_BGR2RGB)
    return drawn, (lx, ly, bw, bh)


# =========================
# 背景推論(避免卡頓) + ✅ 沒臉時清空
# =========================
_ANALYZE_LOCK = threading.Lock()
_ANALYZE_THREAD: Optional[threading.Thread] = None
_PENDING_FACE: Optional[np.ndarray] = None
_LAST_ANALYZE: Dict[str, Optional[float]] = {"ts": 0.0, "conf": None, "emo": "unknown"}

def _clear_last_analyze():
    """✅ 沒有人臉時,清空上一筆情緒,避免殘留顯示(你影片遇到的 bug)"""
    global _LAST_ANALYZE
    _LAST_ANALYZE = {"ts": 0.0, "conf": None, "emo": "unknown"}

def _analyze_worker():
    global _PENDING_FACE, _ANALYZE_THREAD, _LAST_ANALYZE

    while True:
        with _ANALYZE_LOCK:
            face = _PENDING_FACE
            _PENDING_FACE = None

        if face is None:
            break

        try:
            r = DeepFace.analyze(
                img_path=face,
                actions=["emotion"],
                enforce_detection=False,
                detector_backend="skip",  # ⭐ 你已裁 ROI,別再偵測一次
            )
            if isinstance(r, list):
                r = r[0]
            emo_dict = r.get("emotion", None)

            if isinstance(emo_dict, dict) and len(emo_dict) > 0:
                top_key = max(emo_dict, key=lambda k: float(emo_dict[k]))
                top_conf = float(emo_dict[top_key])
                _LAST_ANALYZE = {"ts": time.time(), "emo": top_key, "conf": top_conf}
        except Exception:
            pass

    _ANALYZE_THREAD = None

def _enqueue_analyze(face_roi: np.ndarray):
    global _PENDING_FACE, _ANALYZE_THREAD

    with _ANALYZE_LOCK:
        _PENDING_FACE = face_roi

    if _ANALYZE_THREAD is None:
        _ANALYZE_THREAD = threading.Thread(target=_analyze_worker, daemon=True)
        _ANALYZE_THREAD.start()


# =========================
# state helper
# =========================
def _reset_state_for_camera(st: AppState) -> AppState:
    st.running = True
    st.finished = False
    st.last_analyze_t = 0.0

    st.ema_scores = None
    st.emo_keys = []

    st.stable_emo = "unknown"
    st.candidate_emo = None
    st.candidate_since = None

    st.final_emo = None
    st.final_conf = None
    st.final_score = 3

    _clear_last_analyze()
    return st


# =========================
# streaming callback
# =========================
def on_stream(frame_rgb: np.ndarray, st: AppState):
    # stopped / finished
    if st.finished or (not st.running):
        cam_visible = False

        if st.final_emo:
            result_html = _result_card_html(st.final_emo, st.final_conf)
            mood_val = _score_radio_value(EMO_TO_SCORE.get(st.final_emo, 3))
            hint_html = _camera_hint_done()
        else:
            result_html = _hint_html("尚未完成辨識。")
            mood_val = _score_radio_value(3)
            hint_html = _camera_hint_stopped()

        return (
            gr.update(value=None, visible=cam_visible),
            gr.update(value=result_html),
            gr.update(value=mood_val),
            gr.update(value=hint_html),
            st,
            gr.update(value="重新攝影機辨識"),
        )

    # no frame yet
    if frame_rgb is None:
        return (
            gr.update(value=None, visible=True),
            gr.update(value=_hint_html("等待影像…(尚未開始串流)")),
            gr.update(value=_score_radio_value(3)),
            gr.update(value=_camera_hint_before_start()),
            st,
            gr.update(value="重新攝影機辨識"),
        )

    frame_rgb = _to_rgb_uint8(frame_rgb)

    # ✅ 偵測用原圖
    frame_drawn, bbox_px = mp_tasks_detect_and_draw(frame_rgb)

    # ✅ 顯示用 zoom
    frame_show = _zoom_center(frame_drawn if bbox_px is not None else frame_rgb, ZOOM_FACTOR)
    frame_show = _resize_for_ui(frame_show, UI_TARGET_W)

    # ✅ 沒有臉:清空殘留情緒 + 重置候選狀態
    if bbox_px is None:
        _clear_last_analyze()

        st.stable_emo = "unknown"
        st.candidate_emo = None
        st.candidate_since = None
        st.ema_scores = None
        st.emo_keys = []

        return (
            gr.update(value=frame_show, visible=True),
            gr.update(value=_hint_html("尚未偵測到人臉")),
            gr.update(value=_score_radio_value(3)),
            gr.update(value=_camera_hint_need_face()),
            st,
            gr.update(value="重新攝影機辨識"),
        )

    now = time.time()

    # 到分析時間:只排隊給背景 thread
    if now - st.last_analyze_t >= ANALYZE_EVERY_SEC:
        st.last_analyze_t = now

        x, y, bw, bh = bbox_px
        pad_x = int(bw * 0.10)
        pad_y = int(bh * 0.10)
        H, W = frame_rgb.shape[:2]
        x1 = max(0, x - pad_x)
        y1 = max(0, y - pad_y)
        x2 = min(W, x + bw + pad_x)
        y2 = min(H, y + bh + pad_y)
        face_roi = frame_rgb[y1:y2, x1:x2].astype(np.uint8)

        _enqueue_analyze(face_roi)

    # ✅ Gate:只有「有臉」才讀取 _LAST_ANALYZE(避免殘留)
    top_key = _LAST_ANALYZE.get("emo", "unknown") or "unknown"
    top_conf = _LAST_ANALYZE.get("conf", None)

    # 尚未推論到結果:先顯示 unknown
    if top_conf is None:
        show = st.stable_emo or "unknown"
        return (
            gr.update(value=frame_show, visible=True),
            gr.update(value=_result_card_html(show, None)),
            gr.update(value=_score_radio_value(EMO_TO_SCORE.get(show, 3))),
            gr.update(value=_camera_hint_before_start()),
            st,
            gr.update(value="重新攝影機辨識"),
        )

    # 低信心就不切換
    if top_conf < CONF_TH:
        show = st.stable_emo or "unknown"
        return (
            gr.update(value=frame_show, visible=True),
            gr.update(value=_result_card_html(show, None)),
            gr.update(value=_score_radio_value(EMO_TO_SCORE.get(show, 3))),
            gr.update(value=_camera_hint_before_start()),
            st,
            gr.update(value="重新攝影機辨識"),
        )

    # === EMA smoothing(用 7 類別向量)===
    all_keys = ["angry", "disgust", "fear", "happy", "sad", "surprise", "neutral"]
    vec = np.zeros((len(all_keys),), dtype=np.float32)
    if top_key in all_keys:
        vec[all_keys.index(top_key)] = float(top_conf)

    if st.ema_scores is None or st.emo_keys != all_keys:
        st.ema_scores = vec
        st.emo_keys = all_keys
    else:
        st.ema_scores = EMA_ALPHA * vec + (1.0 - EMA_ALPHA) * st.ema_scores

    stable_idx = int(np.argmax(st.ema_scores))
    stable_key = st.emo_keys[stable_idx] if st.emo_keys else "unknown"
    st.stable_emo = stable_key

    # 延遲確認,避免跳動
    if st.candidate_emo != stable_key:
        st.candidate_emo = stable_key
        st.candidate_since = now
    else:
        if st.candidate_since is None:
            st.candidate_since = now

    confirmed = (
        st.candidate_since is not None
        and (now - st.candidate_since) >= SWITCH_CONFIRM_SEC
    )

    # ✅ 完成一次辨識後停止
    if confirmed and st.final_emo is None:
        st.final_emo = stable_key
        st.final_conf = float(top_conf) if top_conf is not None else None
        st.final_score = EMO_TO_SCORE.get(stable_key, 3)

        st.running = False
        st.finished = True

        return (
            gr.update(value=None, visible=False),
            gr.update(value=_result_card_html(stable_key, st.final_conf)),
            gr.update(value=_score_radio_value(EMO_TO_SCORE.get(stable_key, 3))),
            gr.update(value=_camera_hint_done()),
            st,
            gr.update(value="重新攝影機辨識"),
        )

    return (
        gr.update(value=frame_show, visible=True),
        gr.update(value=_result_card_html(stable_key, float(top_conf))),
        gr.update(value=_score_radio_value(EMO_TO_SCORE.get(stable_key, 3))),
        gr.update(value=_camera_hint_before_start()),
        st,
        gr.update(value="重新攝影機辨識"),
    )


# =========================
# Buttons
# =========================
def on_restart(st: AppState):
    st = _reset_state_for_camera(st)
    return (
        gr.update(value=None, visible=True),
        gr.update(value=_hint_html("等待影像…(尚未開始串流)")),
        gr.update(value=_score_radio_value(3)),
        gr.update(value=_camera_hint_before_start()),
        st,
        gr.update(value="重新攝影機辨識"),
    )

def on_stop(st: AppState):
    st.running = False
    st.finished = True

    if st.final_emo is None:
        return (
            gr.update(value=None, visible=False),
            gr.update(value=_hint_html("已停止辨識。")),
            gr.update(value=_score_radio_value(3)),
            gr.update(value=_camera_hint_stopped()),
            st,
            gr.update(value="重新攝影機辨識"),
        )

    return (
        gr.update(value=None, visible=False),
        gr.update(value=_result_card_html(st.final_emo, st.final_conf)),
        gr.update(value=_score_radio_value(EMO_TO_SCORE.get(st.final_emo, 3))),
        gr.update(value=_camera_hint_done()),
        st,
        gr.update(value="重新攝影機辨識"),
    )


# =========================
# Gradio UI
# =========================
css = ""

if __name__ == "__main__":
    with gr.Blocks(title="Emotion Detector", css=css) as demo:
        st = gr.State(AppState())

        gr.Markdown("## 情緒辨識")
        hint = gr.HTML(_camera_hint_before_start())

        cam = gr.Image(
            sources=["webcam"],
            streaming=True,
            type="numpy",
            label="攝影機畫面",
            visible=True,
        )

        with gr.Row():
            btn_restart = gr.Button("重新攝影機辨識", variant="primary")
            btn_stop = gr.Button("停止", variant="secondary")

        gr.Markdown("### 辨識結果")
        result = gr.HTML(_hint_html("等待影像…(尚未開始串流)"))

        gr.Markdown("### 心情分數(系統判定)")
        mood = gr.Radio(
            choices=SCORE_CHOICES,
            value=_score_radio_value(3),
            label="心情分數",
            interactive=False,
        )

        cam.stream(
            fn=on_stream,
            inputs=[cam, st],
            outputs=[cam, result, mood, hint, st, btn_restart],
            show_progress="minimal",
        )

        btn_restart.click(
            fn=on_restart,
            inputs=[st],
            outputs=[cam, result, mood, hint, st, btn_restart],
            show_progress="minimal",
        )

        btn_stop.click(
            fn=on_stop,
            inputs=[st],
            outputs=[cam, result, mood, hint, st, btn_restart],
            show_progress="minimal",
        )

    demo.launch(server_name="0.0.0.0", server_port=7860, share=False)