ironhide-tv-debug 1.0.0

package/app/app.js

@@ -0,0 +1,637 @@
+// IronHide TizenBrew App
+// Native AVPlayer video playback controlled via WebSocket from Mac
+
+(function () {
+  'use strict';
+
+  // --- Config ---
+  var SERVER_IP = '192.168.1.242';
+  var SERVER_PORT = 8787;
+  var WS_URL = 'ws://' + SERVER_IP + ':' + SERVER_PORT;
+  var RECONNECT_DELAY = 3000;
+  var OSD_TIMEOUT = 5000;
+  var SEEK_STEP = 10000; // 10s in ms
+
+  // --- DOM ---
+  var osd = document.getElementById('osd');
+  var osdTitle = document.getElementById('osd-title');
+  var statusIcon = document.getElementById('status-icon');
+  var seekIndicator = document.getElementById('seek-indicator');
+  var timeCurrent = document.getElementById('time-current');
+  var timeDuration = document.getElementById('time-duration');
+  var progressFill = document.getElementById('progress-fill');
+  var connectScreen = document.getElementById('connect-screen');
+  var connectStatus = document.getElementById('connect-status');
+  var connectSpinner = document.getElementById('connect-spinner');
+  var debugLog = document.getElementById('debug-log');
+  var debugLines = [];
+
+  function dbg(msg) {
+    var ts = new Date().toLocaleTimeString();
+    debugLines.push(ts + ' ' + msg);
+    if (debugLines.length > 15) debugLines.shift();
+    if (debugLog) debugLog.innerHTML = debugLines.join('<br>');
+  }
+
+  // --- State ---
+  var ws = null;
+  var currentTitle = '';
+  var duration = 0; // ms
+  var position = 0; // ms
+  var playerState = 'NONE'; // NONE, IDLE, READY, PLAYING, PAUSED
+  var osdTimer = null;
+  var positionInterval = null;
+  var seekAccumulator = 0;
+  var seekTimeout = null;
+  var isBuffering = false;
+
+  // --- Register remote keys ---
+  function registerKeys() {
+    var keys = [
+      'MediaPlay', 'MediaPause', 'MediaPlayPause',
+      'MediaStop', 'MediaFastForward', 'MediaRewind',
+      '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'
+    ];
+    for (var i = 0; i < keys.length; i++) {
+      try { tizen.tvinputdevice.registerKey(keys[i]); } catch (e) {}
+    }
+  }
+
+  // --- Time formatting ---
+  function msToHMS(ms) {
+    var totalSec = Math.floor(ms / 1000);
+    var h = Math.floor(totalSec / 3600);
+    var m = Math.floor((totalSec % 3600) / 60);
+    var s = totalSec % 60;
+    return h + ':' + (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s;
+  }
+
+  // --- OSD ---
+  function showOSD(timeout) {
+    osd.classList.add('visible');
+    clearTimeout(osdTimer);
+    if (timeout !== false) {
+      osdTimer = setTimeout(function () {
+        if (playerState === 'PLAYING' && !isBuffering) {
+          osd.classList.remove('visible');
+        }
+      }, timeout || OSD_TIMEOUT);
+    }
+  }
+
+  function hideOSD() {
+    osd.classList.remove('visible');
+    clearTimeout(osdTimer);
+  }
+
+  function updateProgress() {
+    timeCurrent.textContent = msToHMS(position);
+    timeDuration.textContent = msToHMS(duration);
+    var pct = duration > 0 ? (position / duration) * 100 : 0;
+    progressFill.style.width = pct + '%';
+  }
+
+  function showStatus(icon, persistent) {
+    statusIcon.textContent = icon;
+    if (!persistent) {
+      setTimeout(function () { statusIcon.textContent = ''; }, 1500);
+    }
+  }
+
+  // --- AVPlayer ---
+  function playStream(url, title) {
+    dbg('playStream: ' + (title || 'no title'));
+    dbg('URL: ' + (url || 'NONE').slice(0, 100));
+    currentTitle = title || '';
+    osdTitle.textContent = currentTitle;
+    position = 0;
+    duration = 0;
+    seekAccumulator = 0;
+
+    // Close any existing playback
+    try { webapis.avplay.stop(); } catch (e) {}
+    try { webapis.avplay.close(); } catch (e) {}
+
+    connectScreen.style.display = 'none';
+
+    try {
+      dbg('avplay.open...');
+      webapis.avplay.open(url);
+      dbg('avplay.open OK');
+      webapis.avplay.setDisplayRect(0, 0, 1920, 1080);
+
+      webapis.avplay.setListener({
+        onbufferingstart: function () {
+          dbg('buffering start');
+          isBuffering = true;
+          showStatus('', true);
+          statusIcon.innerHTML = '<div class="buffering-spinner"></div>';
+          showOSD(false);
+          sendEvent('buffering_start');
+        },
+        onbufferingprogress: function (pct) {
+          dbg('buffering ' + pct + '%');
+          sendEvent('buffering_progress', { percent: pct });
+        },
+        onbufferingcomplete: function () {
+          dbg('buffering complete');
+          isBuffering = false;
+          statusIcon.innerHTML = '';
+          showOSD(OSD_TIMEOUT);
+          sendEvent('buffering_complete');
+        },
+        oncurrentplaytime: function (ms) {
+          position = ms;
+          updateProgress();
+        },
+        onstreamcompleted: function () {
+          dbg('stream completed');
+          playerState = 'IDLE';
+          stopPositionPolling();
+          showOSD(false);
+          showStatus('', true);
+          sendEvent('completed');
+        },
+        onevent: function (type, data) {
+          dbg('avplay event: ' + type);
+          sendEvent('avplay_event', { type: type, data: data });
+        },
+        onerror: function (type) {
+          dbg('avplay ERROR: ' + type);
+          playerState = 'IDLE';
+          stopPositionPolling();
+          sendEvent('error', { type: type });
+          showStatus('Error', true);
+        },
+        onsubtitlechange: function () {},
+        ondrmevent: function () {}
+      });
+
+      // Try to enable 4K if available
+      try { webapis.avplay.setStreamingProperty('SET_MODE_4K', 'true'); } catch (e) {}
+
+      isBuffering = true;
+      statusIcon.innerHTML = '<div class="buffering-spinner"></div>';
+      showOSD(false);
+
+      dbg('prepareAsync...');
+      webapis.avplay.prepareAsync(
+        function () {
+          duration = webapis.avplay.getDuration();
+          dbg('prepared OK, dur=' + duration + 'ms');
+          updateProgress();
+          webapis.avplay.play();
+          playerState = 'PLAYING';
+          dbg('play() called, state=PLAYING');
+          isBuffering = false;
+          statusIcon.innerHTML = '';
+          showOSD(OSD_TIMEOUT);
+          startPositionPolling();
+          sendEvent('playing', { duration: duration });
+        },
+        function (err) {
+          dbg('prepareAsync FAILED: ' + String(err));
+          sendEvent('error', { type: 'prepare_failed', detail: String(err) });
+          showStatus('Error', true);
+        }
+      );
+    } catch (err) {
+      dbg('open FAILED: ' + String(err));
+      sendEvent('error', { type: 'open_failed', detail: String(err) });
+    }
+  }
+
+  function resumeAt(url, title, positionMs) {
+    // Play then seek to position
+    currentTitle = title || '';
+    osdTitle.textContent = currentTitle;
+
+    var originalOnPlay = null;
+
+    try { webapis.avplay.stop(); } catch (e) {}
+    try { webapis.avplay.close(); } catch (e) {}
+
+    connectScreen.style.display = 'none';
+
+    try {
+      webapis.avplay.open(url);
+      webapis.avplay.setDisplayRect(0, 0, 1920, 1080);
+
+      webapis.avplay.setListener({
+        onbufferingstart: function () {
+          isBuffering = true;
+          statusIcon.innerHTML = '<div class="buffering-spinner"></div>';
+          showOSD(false);
+        },
+        onbufferingprogress: function () {},
+        onbufferingcomplete: function () {
+          isBuffering = false;
+          statusIcon.innerHTML = '';
+          showOSD(OSD_TIMEOUT);
+        },
+        oncurrentplaytime: function (ms) {
+          position = ms;
+          updateProgress();
+        },
+        onstreamcompleted: function () {
+          playerState = 'IDLE';
+          stopPositionPolling();
+          sendEvent('completed');
+        },
+        onevent: function () {},
+        onerror: function (type) {
+          playerState = 'IDLE';
+          stopPositionPolling();
+          sendEvent('error', { type: type });
+        },
+        onsubtitlechange: function () {},
+        ondrmevent: function () {}
+      });
+
+      try { webapis.avplay.setStreamingProperty('SET_MODE_4K', 'true'); } catch (e) {}
+
+      isBuffering = true;
+      statusIcon.innerHTML = '<div class="buffering-spinner"></div>';
+      showOSD(false);
+
+      webapis.avplay.prepareAsync(
+        function () {
+          duration = webapis.avplay.getDuration();
+          updateProgress();
+          webapis.avplay.play();
+          playerState = 'PLAYING';
+
+          // Seek to saved position
+          if (positionMs > 0) {
+            webapis.avplay.seekTo(positionMs,
+              function () {
+                position = positionMs;
+                updateProgress();
+                isBuffering = false;
+                statusIcon.innerHTML = '';
+                showOSD(OSD_TIMEOUT);
+                startPositionPolling();
+                sendEvent('playing', { duration: duration, resumed_at: positionMs });
+              },
+              function () {
+                // Seek failed, just play from start
+                isBuffering = false;
+                statusIcon.innerHTML = '';
+                showOSD(OSD_TIMEOUT);
+                startPositionPolling();
+                sendEvent('playing', { duration: duration });
+              }
+            );
+          } else {
+            isBuffering = false;
+            statusIcon.innerHTML = '';
+            showOSD(OSD_TIMEOUT);
+            startPositionPolling();
+            sendEvent('playing', { duration: duration });
+          }
+        },
+        function (err) {
+          sendEvent('error', { type: 'prepare_failed', detail: String(err) });
+        }
+      );
+    } catch (err) {
+      sendEvent('error', { type: 'open_failed', detail: String(err) });
+    }
+  }
+
+  function togglePlayPause() {
+    try {
+      var state = webapis.avplay.getState();
+      if (state === 'PLAYING') {
+        webapis.avplay.pause();
+        playerState = 'PAUSED';
+        showStatus('\u23F8', false);
+        showOSD(false); // Keep OSD while paused
+        sendEvent('paused', { position: position });
+      } else if (state === 'PAUSED') {
+        webapis.avplay.play();
+        playerState = 'PLAYING';
+        showStatus('\u25B6', false);
+        showOSD(OSD_TIMEOUT);
+        sendEvent('playing', { position: position });
+      }
+    } catch (e) {}
+  }
+
+  function seekRelative(deltaMs) {
+    // Accumulate rapid seeks
+    seekAccumulator += deltaMs;
+    clearTimeout(seekTimeout);
+
+    // Show seek indicator
+    var label = seekAccumulator > 0
+      ? '+' + Math.round(seekAccumulator / 1000) + 's'
+      : Math.round(seekAccumulator / 1000) + 's';
+    seekIndicator.textContent = label;
+    seekIndicator.classList.add('visible');
+    showOSD(false);
+
+    seekTimeout = setTimeout(function () {
+      var target = Math.max(0, Math.min(duration, position + seekAccumulator));
+      seekAccumulator = 0;
+      seekIndicator.classList.remove('visible');
+
+      try {
+        webapis.avplay.seekTo(target,
+          function () {
+            position = target;
+            updateProgress();
+            showOSD(OSD_TIMEOUT);
+            sendEvent('seeked', { position: target });
+          },
+          function () {
+            showOSD(OSD_TIMEOUT);
+          }
+        );
+      } catch (e) {}
+    }, 500);
+  }
+
+  function seekAbsolute(ms) {
+    var target = Math.max(0, Math.min(duration, ms));
+    try {
+      webapis.avplay.seekTo(target,
+        function () {
+          position = target;
+          updateProgress();
+          showOSD(OSD_TIMEOUT);
+          sendEvent('seeked', { position: target });
+        },
+        function () {}
+      );
+    } catch (e) {}
+  }
+
+  function stopPlayback() {
+    try {
+      webapis.avplay.stop();
+      webapis.avplay.close();
+    } catch (e) {}
+    playerState = 'IDLE';
+    stopPositionPolling();
+    sendEvent('stopped', { position: position, duration: duration });
+    connectScreen.style.display = 'flex';
+    connectStatus.textContent = 'Waiting for next stream...';
+    connectStatus.className = 'connect-status connected';
+    connectSpinner.style.display = 'none';
+  }
+
+  function startPositionPolling() {
+    stopPositionPolling();
+    positionInterval = setInterval(function () {
+      try {
+        position = webapis.avplay.getCurrentTime();
+        // Send position to server every 5s for history tracking
+      } catch (e) {}
+    }, 1000);
+  }
+
+  function stopPositionPolling() {
+    clearInterval(positionInterval);
+    positionInterval = null;
+  }
+
+  // --- WebSocket ---
+  function connect() {
+    connectStatus.textContent = 'Connecting to ' + SERVER_IP + '...';
+    connectStatus.className = 'connect-status';
+    connectSpinner.style.display = 'block';
+
+    try {
+      ws = new WebSocket(WS_URL);
+    } catch (e) {
+      connectStatus.textContent = 'WebSocket not available';
+      connectStatus.className = 'connect-status error';
+      setTimeout(connect, RECONNECT_DELAY);
+      return;
+    }
+
+    ws.onopen = function () {
+      dbg('WS connected to ' + SERVER_IP);
+      connectStatus.textContent = 'Connected to IronHide';
+      connectStatus.className = 'connect-status connected';
+      connectSpinner.style.display = 'none';
+      sendEvent('ready');
+    };
+
+    ws.onmessage = function (e) {
+      var cmd;
+      try { cmd = JSON.parse(e.data); } catch (err) { dbg('bad JSON: ' + e.data.slice(0, 50)); return; }
+      handleCommand(cmd);
+    };
+
+    ws.onclose = function () {
+      ws = null;
+      if (playerState === 'NONE' || playerState === 'IDLE') {
+        connectScreen.style.display = 'flex';
+        connectStatus.textContent = 'Disconnected. Reconnecting...';
+        connectStatus.className = 'connect-status error';
+        connectSpinner.style.display = 'block';
+      }
+      setTimeout(connect, RECONNECT_DELAY);
+    };
+
+    ws.onerror = function () {
+      // onclose will fire after this
+    };
+  }
+
+  function handleCommand(cmd) {
+    dbg('CMD: ' + cmd.action + (cmd.url ? ' url=' + cmd.url.slice(0, 80) + '...' : ''));
+    switch (cmd.action) {
+      case 'play':
+        if (cmd.resumeFrom && cmd.resumeFrom > 0) {
+          resumeAt(cmd.url, cmd.title, cmd.resumeFrom);
+        } else {
+          playStream(cmd.url, cmd.title);
+        }
+        break;
+
+      case 'pause':
+        try {
+          webapis.avplay.pause();
+          playerState = 'PAUSED';
+          showStatus('\u23F8', false);
+          showOSD(false);
+          sendEvent('paused', { position: position });
+        } catch (e) {}
+        break;
+
+      case 'resume':
+        try {
+          webapis.avplay.play();
+          playerState = 'PLAYING';
+          showStatus('\u25B6', false);
+          showOSD(OSD_TIMEOUT);
+          sendEvent('playing', { position: position });
+        } catch (e) {}
+        break;
+
+      case 'stop':
+        stopPlayback();
+        break;
+
+      case 'seek':
+        if (cmd.relative) {
+          seekRelative(cmd.ms);
+        } else {
+          seekAbsolute(cmd.ms);
+        }
+        break;
+
+      case 'status':
+        sendStatus();
+        break;
+
+      case 'get_position':
+        sendMsg({
+          type: 'position',
+          position: position,
+          duration: duration,
+          state: playerState
+        });
+        break;
+
+      default:
+        sendEvent('unknown_command', { action: cmd.action });
+    }
+  }
+
+  function sendMsg(obj) {
+    if (ws && ws.readyState === WebSocket.OPEN) {
+      ws.send(JSON.stringify(obj));
+    }
+  }
+
+  function sendEvent(event, detail) {
+    sendMsg({ type: 'event', event: event, detail: detail || {} });
+  }
+
+  function sendStatus() {
+    var state = 'IDLE';
+    try { state = webapis.avplay.getState(); } catch (e) {}
+    sendMsg({
+      type: 'status',
+      state: state,
+      position: position,
+      duration: duration,
+      title: currentTitle,
+      isBuffering: isBuffering
+    });
+  }
+
+  // --- Position reporting (for watch history) ---
+  setInterval(function () {
+    if (playerState === 'PLAYING' || playerState === 'PAUSED') {
+      sendMsg({
+        type: 'position',
+        position: position,
+        duration: duration,
+        state: playerState
+      });
+    }
+  }, 5000);
+
+  // --- Remote control ---
+  document.addEventListener('keydown', function (e) {
+    var code = e.keyCode;
+
+    // Always show OSD on any key press during playback
+    if (playerState === 'PLAYING' || playerState === 'PAUSED') {
+      showOSD(OSD_TIMEOUT);
+    }
+
+    switch (code) {
+      // Play
+      case 415:
+        if (playerState === 'PAUSED') {
+          try { webapis.avplay.play(); } catch (ex) {}
+          playerState = 'PLAYING';
+          showStatus('\u25B6', false);
+          showOSD(OSD_TIMEOUT);
+          sendEvent('playing', { position: position });
+        }
+        break;
+
+      // Pause
+      case 19:
+        if (playerState === 'PLAYING') {
+          try { webapis.avplay.pause(); } catch (ex) {}
+          playerState = 'PAUSED';
+          showStatus('\u23F8', false);
+          showOSD(false);
+          sendEvent('paused', { position: position });
+        }
+        break;
+
+      // Play/Pause toggle (center button on some remotes)
+      case 10252:
+        togglePlayPause();
+        break;
+
+      // Stop
+      case 413:
+        stopPlayback();
+        break;
+
+      // Fast Forward (right on d-pad also seeks)
+      case 417:
+      case 39: // Right arrow
+        seekRelative(SEEK_STEP);
+        break;
+
+      // Rewind (left on d-pad also seeks)
+      case 412:
+      case 37: // Left arrow
+        seekRelative(-SEEK_STEP);
+        break;
+
+      // Enter/OK — toggle play/pause or show OSD
+      case 13:
+        if (playerState === 'PLAYING' || playerState === 'PAUSED') {
+          togglePlayPause();
+        }
+        break;
+
+      // Back/Return — stop playback
+      case 10009:
+        if (playerState === 'PLAYING' || playerState === 'PAUSED') {
+          stopPlayback();
+        }
+        break;
+
+      // Number keys 0-9 — jump to percentage of video
+      default:
+        if (code >= 48 && code <= 57) {
+          var pct = (code - 48) * 10; // 0=0%, 1=10%, ..., 9=90%
+          if (duration > 0) {
+            seekAbsolute(duration * pct / 100);
+          }
+        }
+        break;
+    }
+
+    e.preventDefault();
+  });
+
+  // --- Init ---
+  function init() {
+    dbg('IronHide TV v1.0.1');
+    dbg('webapis: ' + (typeof webapis !== 'undefined' ? 'yes' : 'NO'));
+    dbg('avplay: ' + (typeof webapis !== 'undefined' && webapis.avplay ? 'yes' : 'NO'));
+    try { registerKeys(); } catch (e) { dbg('registerKeys err: ' + e); }
+    connect();
+  }
+
+  // Wait for Tizen APIs to be ready
+  if (typeof tizen !== 'undefined') {
+    init();
+  } else {
+    window.addEventListener('load', init);
+  }
+})();

package/app/index.html

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=1920, initial-scale=1">
+  <title>IronHide</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <!-- AVPlayer object -->
+  <object id="av-player" type="application/avplayer"></object>
+
+  <!-- OSD overlay -->
+  <div id="osd">
+    <div class="osd-top">
+      <div class="osd-title" id="osd-title"></div>
+    </div>
+    <div class="osd-center">
+      <div class="status-icon" id="status-icon"></div>
+      <div class="seek-indicator" id="seek-indicator"></div>
+    </div>
+    <div class="osd-bottom">
+      <div class="osd-time">
+        <span id="time-current">0:00:00</span>
+        <span id="time-duration">0:00:00</span>
+      </div>
+      <div class="progress-bar">
+        <div class="progress-fill" id="progress-fill"></div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Connection screen -->
+  <div id="connect-screen">
+    <div class="logo">IRONHIDE</div>
+    <div class="connect-status" id="connect-status">Connecting to server...</div>
+    <div class="spinner" id="connect-spinner"></div>
+    <div class="debug-log" id="debug-log"></div>
+  </div>
+
+  <script src="app.js"></script>
+</body>
+</html>

package/app/style.css

@@ -0,0 +1,200 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  background: #000;
+  color: #fff;
+  font-family: -apple-system, 'SamsungOne', sans-serif;
+  overflow: hidden;
+  width: 1920px;
+  height: 1080px;
+}
+
+/* AVPlayer object fills the screen */
+#av-player {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 1920px;
+  height: 1080px;
+  z-index: 1;
+}
+
+/* OSD overlay - fades in/out */
+#osd {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 1920px;
+  height: 1080px;
+  z-index: 100;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+
+#osd.visible {
+  opacity: 1;
+}
+
+/* Top bar: title */
+.osd-top {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  padding: 40px 60px;
+  background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, transparent 100%);
+}
+
+.osd-title {
+  font-size: 42px;
+  font-weight: 600;
+  text-shadow: 0 2px 8px rgba(0,0,0,0.8);
+}
+
+/* Bottom bar: progress + time */
+.osd-bottom {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 40px 60px 50px;
+  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 100%);
+}
+
+.osd-time {
+  display: flex;
+  justify-content: space-between;
+  font-size: 28px;
+  margin-bottom: 16px;
+  font-variant-numeric: tabular-nums;
+}
+
+.progress-bar {
+  width: 100%;
+  height: 8px;
+  background: rgba(255,255,255,0.2);
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.progress-bar:hover,
+.progress-bar.seeking {
+  height: 12px;
+}
+
+.progress-fill {
+  height: 100%;
+  background: #e50914;
+  border-radius: 4px;
+  transition: width 0.3s linear;
+  min-width: 0;
+}
+
+/* Center status (buffering, paused, etc) */
+.osd-center {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+}
+
+.status-icon {
+  font-size: 80px;
+  text-shadow: 0 4px 16px rgba(0,0,0,0.6);
+}
+
+/* Seek indicator */
+.seek-indicator {
+  font-size: 48px;
+  font-weight: 600;
+  text-shadow: 0 2px 8px rgba(0,0,0,0.8);
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+
+.seek-indicator.visible {
+  opacity: 1;
+}
+
+/* Connection screen */
+#connect-screen {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 1920px;
+  height: 1080px;
+  z-index: 200;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: #0a0a0a;
+}
+
+.logo {
+  font-size: 72px;
+  font-weight: 700;
+  letter-spacing: -2px;
+  margin-bottom: 20px;
+  color: #e50914;
+}
+
+.connect-status {
+  font-size: 28px;
+  color: #888;
+  margin-top: 16px;
+}
+
+.connect-status.connected {
+  color: #4caf50;
+}
+
+.connect-status.error {
+  color: #f44336;
+}
+
+.debug-log {
+  margin-top: 30px;
+  width: 1400px;
+  max-height: 400px;
+  overflow-y: auto;
+  text-align: left;
+  font-family: monospace;
+  font-size: 20px;
+  color: #aaa;
+  line-height: 1.4;
+  padding: 16px;
+  background: rgba(255,255,255,0.05);
+  border-radius: 8px;
+}
+
+/* Spinner */
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}
+
+.spinner {
+  width: 48px;
+  height: 48px;
+  border: 4px solid rgba(255,255,255,0.1);
+  border-top-color: #e50914;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+  margin-top: 30px;
+}
+
+/* Buffering spinner overlay */
+.buffering-spinner {
+  width: 64px;
+  height: 64px;
+  border: 4px solid rgba(255,255,255,0.15);
+  border-top-color: #fff;
+  border-radius: 50%;
+  animation: spin 0.8s linear infinite;
+}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "ironhide-tv-debug",
+  "version": "1.0.0",
+  "description": "IronHide native TV player for Samsung Tizen via TizenBrew",
+  "type": "module",
+  "packageType": "app",
+  "appName": "IronHide",
+  "appPath": "app/index.html",
+  "keys": [
+    "MediaPlay",
+    "MediaPause",
+    "MediaPlayPause",
+    "MediaStop",
+    "MediaFastForward",
+    "MediaRewind",
+    "0",
+    "1",
+    "2",
+    "3",
+    "4",
+    "5",
+    "6",
+    "7",
+    "8",
+    "9"
+  ],
+  "files": [
+    "app",
+    "package.json"
+  ]
+}