nuvio-tizen 1.2.0 → 1.3.0

package/README.md

@@ -19,11 +19,19 @@ core behaviour, targeting 2017 Samsung TVs (Tizen 3.0, ~Chromium 47).
 - **Stream aggregation** across all installed stream addons.
 - **Subtitles from addons**: fetched per title/episode, SRT + VTT parsed and rendered as a
   timed overlay; press **UP** during playback to pick a track (or turn them Off).
+  Configurable in Settings: **default language** (auto-loads a matching track),
+  **size** (S/M/L/XL) and **style** (white+shadow / black box / yellow).
+- **Live streams** (sports / IPTV): live HLS and Stremio `tv`-type sources are detected
+  (unknown/infinite duration), shown with a **● LIVE** badge, and correctly skip
+  seek / resume / progress-tracking. Stream-only live addons with no `meta` resource still
+  open (the catalog entry is used as a fallback).
 - Playback via **AVPlay** (HLS/DASH/MP4/progressive) with an HTML5 `<video>` fallback
   when run in a desktop browser for development.
 - OSD with seek (±10s / ±30s), resume, and per-title progress saved to `localStorage`.
 - Full **D-pad + media-key** remote navigation (custom spatial focus engine).
-- Settings screen to add/remove addon manifest URLs (the add field is prefilled with `https://`).
+- Settings: add addons on a **dedicated page** (field kept above the on-screen keyboard;
+  nothing is saved unless you press Confirm), remove with a confirmation prompt, and
+  **Reset to default addons**.
 
 > **Note on WatchHub:** it's a "where to watch" addon — its results are Rent/Buy/Subscription
 > *links to external services*, not direct video URLs, so they show as non-playable. Add your

package/css/style.css

@@ -89,6 +89,16 @@ html, body {
 .addon-item .a-url { font-size: 15px; color: #8b93a5; }
 .hint { color: #8b93a5; font-size: 18px; margin-top: 20px; line-height: 1.5; }
 
+/* --- Add-addon page (field kept high, above the on-screen keyboard) --- */
+.add-wrap { position: absolute; top: 120px; left: 60px; right: 60px; }
+.add-wrap h2 { font-size: 36px; margin-bottom: 14px; }
+.add-hint { font-size: 22px; color: #8b93a5; margin-bottom: 28px; line-height: 1.4; max-width: 1200px; }
+.add-input { width: 100%; padding: 20px 24px; font-size: 32px; background: #0e1117; color: #fff; border: 4px solid #2a3346; border-radius: 12px; }
+.add-input.focused { border-color: #818cf8; box-shadow: 0 0 0 2px rgba(129,140,248,0.5); }
+.add-btn-row { margin-top: 34px; }
+.add-btn-row .pill { min-width: 220px; text-align: center; }
+.cfg-row .a-url { color: #6f7788; }
+
 /* --- Player OSD --- */
 #player-osd { position: absolute; left: 0; right: 0; bottom: 0; height: 220px; z-index: 20; padding: 40px 60px; background: linear-gradient(transparent, rgba(0,0,0,0.9)); }
 #osd-title { font-size: 30px; font-weight: bold; margin-bottom: 20px; }
@@ -96,6 +106,7 @@ html, body {
 #osd-buffer { position: absolute; top: 0; left: 0; height: 8px; background: rgba(255,255,255,0.35); border-radius: 4px; width: 0; }
 #osd-progress { position: absolute; top: 0; left: 0; height: 8px; background: #818cf8; border-radius: 4px; width: 0; z-index: 2; }
 #osd-times { display: flex; justify-content: space-between; margin-top: 10px; font-size: 20px; color: #cfd3dc; }
+#osd-cur.live { color: #ff4d4d; font-weight: bold; letter-spacing: 1px; }
 #osd-hint { margin-top: 14px; font-size: 18px; color: #8b93a5; }
 
 /* --- Subtitles --- */

package/index.html

@@ -17,6 +17,7 @@
         <div id="screen-detail" class="screen hidden"></div>
         <div id="screen-search" class="screen hidden"></div>
         <div id="screen-settings" class="screen hidden"></div>
+        <div id="screen-addaddon" class="screen hidden"></div>
     </div>
 
     <!-- Subtitle overlay (over the video plane, under the OSD) -->

package/js/app.js

@@ -8,7 +8,7 @@ var App = (function () {
     function screenEl(name) { return U.byId('screen-' + name); }
 
     function showScreen(name) {
-        ['home', 'detail', 'search', 'settings'].forEach(function (n) {
+        ['home', 'detail', 'search', 'settings', 'addaddon'].forEach(function (n) {
             screenEl(n).className = 'screen' + (n === name ? '' : ' hidden');
         });
         _current = name;
@@ -16,11 +16,11 @@ var App = (function () {
 
     function pushFrame() { _stack.push({ screen: _current, focus: Focus.current() }); }
 
-    function openDetail(type, id) {
+    function openDetail(type, id, preview) {
         if (!id) { return; }
         pushFrame();
         showScreen('detail');
-        Views.renderDetail(type, id);
+        Views.renderDetail(type, id, preview);
     }
 
     function openSettings() {
@@ -35,6 +35,12 @@ var App = (function () {
         Views.renderSearch();
     }
 
+    function openAddAddon() {
+        pushFrame();
+        showScreen('addaddon');
+        Views.renderAddAddon();
+    }
+
     function back() {
         if (Player.isActive()) { Player.exit(); return; }
         if (Views.isModalOpen()) { Views.closeModal(); return; }
@@ -78,7 +84,8 @@ var App = (function () {
 
     return {
         start: start, back: back,
-        openDetail: openDetail, openSettings: openSettings, openSearch: openSearch
+        openDetail: openDetail, openSettings: openSettings, openSearch: openSearch,
+        openAddAddon: openAddAddon
     };
 })();
 

package/js/player.js

@@ -4,6 +4,26 @@ var Player = (function () {
     'use strict';
 
     var PROGRESS_KEY = 'nuvio.progress';
+    var SUBCFG_KEY = 'nuvio.subcfg';
+    var SIZE_PX = { small: 28, medium: 36, large: 46, xlarge: 58 };
+
+    function getSubCfg() {
+        var d = U.store.get(SUBCFG_KEY, {}) || {};
+        return { lang: d.lang || 'off', size: d.size || 'medium', style: d.style || 'shadow' };
+    }
+    function setSubCfg(cfg) { U.store.set(SUBCFG_KEY, cfg); }
+
+    function styleSpan(span) {
+        var cfg = getSubCfg();
+        span.style.fontSize = (SIZE_PX[cfg.size] || 36) + 'px';
+        if (cfg.style === 'box') {
+            span.style.background = 'rgba(0,0,0,0.9)'; span.style.color = '#fff'; span.style.textShadow = 'none';
+        } else if (cfg.style === 'yellow') {
+            span.style.background = 'rgba(0,0,0,0.4)'; span.style.color = '#ffe14d'; span.style.textShadow = '0 2px 3px #000';
+        } else { // shadow (default)
+            span.style.background = 'rgba(0,0,0,0.55)'; span.style.color = '#fff'; span.style.textShadow = '0 2px 3px #000';
+        }
+    }
 
     var avplay = (window.webapis && webapis.avplay) ? webapis.avplay : null;
     var useAV = !!avplay;
@@ -18,6 +38,7 @@ var Player = (function () {
     var _ctx = null;         // { id, type, name, poster, resumeSec }
     var _dur = 0;            // seconds
     var _cur = 0;            // seconds
+    var _isLive = false;     // live stream (sports/IPTV): no fixed duration
     var _ticker = null;
     var _osdTimer = null;
     var _seekPending = 0;
@@ -44,7 +65,7 @@ var Player = (function () {
     function progressKey(ctx) { return ctx.type + ':' + ctx.id; }
 
     function saveProgress() {
-        if (!_ctx || !_dur) { return; }
+        if (!_ctx || !_dur || _isLive) { return; }
         var all = progressAll();
         var k = progressKey(_ctx);
         if (_cur / _dur > 0.95 || _cur < 5) {
@@ -79,6 +100,16 @@ var Player = (function () {
 
     function renderOSD() {
         U.byId('osd-title').textContent = _ctx ? _ctx.name : '';
+        if (_isLive) {
+            U.byId('osd-bar').style.display = 'none';
+            var cur = U.byId('osd-cur');
+            cur.textContent = '● LIVE';
+            cur.className = 'live';
+            U.byId('osd-dur').textContent = '';
+            return;
+        }
+        U.byId('osd-bar').style.display = '';
+        U.byId('osd-cur').className = '';
         var pct = _dur > 0 ? (_cur / _dur * 100) : 0;
         U.byId('osd-progress').style.width = pct + '%';
         U.byId('osd-cur').textContent = U.fmtTime(_cur);
@@ -89,6 +120,8 @@ var Player = (function () {
     function play(ctx, onExit) {
         _ctx = ctx; _onExit = onExit;
         _active = true; _cur = 0; _dur = 0;
+        // Stremio "tv" type is a strong live hint; refined from duration after prepare.
+        _isLive = (ctx.type === 'tv') || !!ctx.isLive;
         _ctx.resumeSec = ctx.resumeSec || getResume(ctx.type, ctx.id);
 
         // reset subtitle state
@@ -110,17 +143,33 @@ var Player = (function () {
             if (!_active) { return; }
             _subTracks = tracks || [];
             updateHint();
-            if (_subTracks.length) { U.toast(_subTracks.length + ' subtitle track(s) — press UP', 3000); }
+            if (!_subTracks.length) { return; }
+            var cfg = getSubCfg();
+            var match = null;
+            if (cfg.lang && cfg.lang !== 'off') {
+                match = _subTracks.find(function (t) {
+                    var l = ('' + (t.lang || '')).toLowerCase();
+                    return l && (l.indexOf(cfg.lang) === 0 || cfg.lang.indexOf(l) === 0);
+                });
+            }
+            if (match) { loadTrack(match); }
+            else { U.toast(_subTracks.length + ' subtitle track(s) — press UP', 3000); }
         }, function () {});
     }
 
     function updateHint() {
-        var base = 'OK: Play/Pause   ←/→: Seek   RETURN: Back';
+        var base = _isLive ? 'OK: Play/Pause   RETURN: Back' : 'OK: Play/Pause   ←/→: Seek   RETURN: Back';
         if (_subTracks.length) { base += '   UP: Subtitles'; }
         var h = U.byId('osd-hint');
         if (h) { h.textContent = base; }
     }
 
+    // Decides live vs VOD from the reported duration (0 / non-finite = live).
+    function markLiveFromDuration() {
+        if (_ctx && _ctx.type === 'tv') { _isLive = true; }
+        if (!_dur || _dur <= 0 || !isFinite(_dur)) { _isLive = true; }
+    }
+
     function startAV(url) {
         objEl.className = 'active';
         try {
@@ -141,7 +190,9 @@ var Player = (function () {
                 try { avplay.setDisplayRect(0, 0, 1920, 1080); } catch (e1) {}
                 try { avplay.setDisplayMethod('PLAYER_DISPLAY_MODE_LETTER_BOX'); } catch (e2) {}
                 try { _dur = avplay.getDuration() / 1000; } catch (e3) { _dur = 0; }
-                if (_ctx.resumeSec > 5) { try { avplay.seekTo(_ctx.resumeSec * 1000); } catch (e4) {} }
+                markLiveFromDuration();
+                updateHint();
+                if (!_isLive && _ctx.resumeSec > 5) { try { avplay.seekTo(_ctx.resumeSec * 1000); } catch (e4) {} }
                 avplay.play();
                 renderOSD();
                 startTicker();
@@ -159,7 +210,9 @@ var Player = (function () {
         videoEl.src = url;
         videoEl.onloadedmetadata = function () {
             _dur = videoEl.duration || 0;
-            if (_ctx.resumeSec > 5) { try { videoEl.currentTime = _ctx.resumeSec; } catch (e) {} }
+            markLiveFromDuration();
+            updateHint();
+            if (!_isLive && _ctx.resumeSec > 5) { try { videoEl.currentTime = _ctx.resumeSec; } catch (e) {} }
             U.spinner(false); showOSD(false);
         };
         videoEl.ontimeupdate = function () { _cur = videoEl.currentTime; renderOSD(); renderSubs(); };
@@ -197,6 +250,7 @@ var Player = (function () {
     }
 
     function seekBy(delta) {
+        if (_isLive) { showOSD(false); U.toast('Live — seeking unavailable', 1500); return; }
         var target = Math.max(0, Math.min((_dur || 1e9), _cur + delta));
         _cur = target;
         renderOSD();
@@ -243,7 +297,7 @@ var Player = (function () {
         if (show) {
             subsEl.className = '';
             var span = subsEl.firstChild;
-            if (!span) { span = document.createElement('span'); subsEl.appendChild(span); }
+            if (!span) { span = document.createElement('span'); subsEl.appendChild(span); styleSpan(span); }
             if (span.textContent !== show) { span.textContent = show; }
         } else {
             subsEl.className = 'hidden';
@@ -361,6 +415,7 @@ var Player = (function () {
 
     return {
         init: init, play: play, handleKey: handleKey, isActive: isActive,
-        exit: exit, continueList: continueList, getResume: getResume
+        exit: exit, continueList: continueList, getResume: getResume,
+        getSubCfg: getSubCfg, setSubCfg: setSubCfg
     };
 })();

package/js/views.js

@@ -84,7 +84,7 @@ var Views = (function () {
             c.appendChild(U.el('div', 'fallback', meta.name || meta.title || ''));
         }
         c.appendChild(U.el('div', 'cap', meta.name || meta.title || ''));
-        c.__onselect = function () { App.openDetail(meta.type || fallbackType, meta.id); };
+        c.__onselect = function () { App.openDetail(meta.type || fallbackType, meta.id, meta); };
         return c;
     }
 
@@ -162,8 +162,8 @@ var Views = (function () {
     // ================= DETAIL =================
     var _d = null; // { type, id, meta, mode, season }
 
-    function renderDetail(type, id) {
-        _d = { type: type, id: id, meta: null, mode: 'info', season: null };
+    function renderDetail(type, id, preview) {
+        _d = { type: type, id: id, meta: null, mode: 'info', season: null, preview: preview || null };
         var s = scr('detail');
         U.clear(s);
         s.appendChild(U.el('div', 'detail-hero'));
@@ -174,8 +174,15 @@ var Views = (function () {
             drawDetail();
         }, function (err) {
             U.spinner(false);
-            U.toast('Could not load details');
-            App.back();
+            // Fallback: stream-only addons (e.g. live TV/sports) may expose no meta
+            // resource. Use the catalog preview so the title still opens & plays.
+            if (_d.preview) {
+                _d.meta = Object.assign({ id: id, type: type }, _d.preview);
+                drawDetail();
+            } else {
+                U.toast('Could not load details');
+                App.back();
+            }
         });
     }
 
@@ -391,12 +398,104 @@ var Views = (function () {
         });
     }
 
+    // ================= ADD ADDON (dedicated page) =================
+    function renderAddAddon() {
+        var s = scr('addaddon');
+        U.clear(s);
+        s.appendChild(header(false, false));
+
+        var wrap = U.el('div', 'add-wrap');
+        wrap.appendChild(U.el('h2', null, 'Add addon'));
+        wrap.appendChild(U.el('div', 'add-hint', 'Type a Stremio addon manifest URL, then choose Confirm. RETURN cancels — nothing is saved unless you confirm.'));
+
+        var input = document.createElement('input');
+        input.id = 'addaddon-input';
+        input.type = 'text';
+        input.className = 'focusable add-input';
+        input.value = 'https://';
+        input.placeholder = 'https://addon.example/manifest.json';
+        input.__onselect = function () {
+            input.focus();
+            var n = input.value.length;
+            try { input.setSelectionRange(n, n); } catch (e) {}
+        };
+        input.onkeydown = function (ev) {
+            if (ev.keyCode === 13) { if (ev.stopPropagation) { ev.stopPropagation(); } doConfirm(); }
+        };
+        wrap.appendChild(input);
+
+        var row = U.el('div', 'add-btn-row');
+        var confirmBtn = U.el('div', 'pill focusable', 'Confirm');
+        var cancelBtn = U.el('div', 'pill focusable', 'Cancel');
+        confirmBtn.__onselect = doConfirm;
+        cancelBtn.__onselect = function () { App.back(); };
+        row.appendChild(confirmBtn);
+        row.appendChild(cancelBtn);
+        wrap.appendChild(row);
+
+        s.appendChild(wrap);
+        Focus.setScope(s, input);
+
+        function doConfirm() {
+            var v = ('' + input.value).trim();
+            if (!v || v === 'https://' || v.indexOf('://') === -1 || v.length < 12) {
+                U.toast('Enter a full manifest URL');
+                return;
+            }
+            Stremio.addAddon(v);
+            U.toast('Addon added');
+            App.back();
+            renderSettings();
+        }
+    }
+
+    // ================= SUBTITLE CONFIG =================
+    var SUB_LANGS = [['off', 'Off'], ['eng', 'English'], ['spa', 'Spanish'], ['fre', 'French'],
+        ['ger', 'German'], ['ita', 'Italian'], ['por', 'Portuguese'], ['dut', 'Dutch'],
+        ['rus', 'Russian'], ['ara', 'Arabic'], ['tur', 'Turkish'], ['pol', 'Polish']];
+    var SUB_SIZES = [['small', 'Small'], ['medium', 'Medium'], ['large', 'Large'], ['xlarge', 'Extra Large']];
+    var SUB_STYLES = [['shadow', 'White + shadow'], ['box', 'White on black box'], ['yellow', 'Yellow']];
+
+    function labelFor(list, v) {
+        for (var i = 0; i < list.length; i++) { if (list[i][0] === v) { return list[i][1]; } }
+        return v;
+    }
+    function nextVal(list, v) {
+        var i = 0;
+        for (; i < list.length; i++) { if (list[i][0] === v) { break; } }
+        return list[(i + 1) % list.length][0];
+    }
+
+    function subCycleRow(caption, list, key) {
+        var row = U.el('div', 'addon-item focusable cfg-row');
+        var name = U.el('div', 'a-name');
+        function render() { var cfg = Player.getSubCfg(); name.textContent = caption + ':  ' + labelFor(list, cfg[key]); }
+        render();
+        row.appendChild(name);
+        row.appendChild(U.el('div', 'a-url', 'Press OK to change'));
+        row.__onselect = function () {
+            var cfg = Player.getSubCfg();
+            cfg[key] = nextVal(list, cfg[key]);
+            Player.setSubCfg(cfg);
+            render();
+        };
+        return row;
+    }
+
+    function buildSubtitleSection(wrap) {
+        wrap.appendChild(U.el('h2', null, 'Subtitles'));
+        wrap.appendChild(subCycleRow('Default language', SUB_LANGS, 'lang'));
+        wrap.appendChild(subCycleRow('Size', SUB_SIZES, 'size'));
+        wrap.appendChild(subCycleRow('Style', SUB_STYLES, 'style'));
+    }
+
     // ================= SETTINGS =================
     function renderSettings() {
         var s = scr('settings');
         U.clear(s);
         s.appendChild(header(false));
         var wrap = U.el('div', 'settings-wrap');
+        buildSubtitleSection(wrap);
         wrap.appendChild(U.el('h2', null, 'Addons'));
 
         Stremio.loadAddons().then(function (addons) {
@@ -430,25 +529,11 @@ var Views = (function () {
             };
             wrap.appendChild(reset);
 
-            // Add-addon input
-            var addRow = U.el('div', 'addon-item focusable');
-            addRow.appendChild(U.el('div', 'a-name', '+ Add addon (focus, then type a manifest URL)'));
-            var input = document.createElement('input');
-            input.type = 'text';
-            input.value = 'https://';
-            input.placeholder = 'https://addon.example/manifest.json';
-            input.style.cssText = 'width:100%;margin-top:10px;padding:12px;font-size:20px;background:#0e1117;color:#fff;border:2px solid #2a3346;border-radius:6px;';
-            input.onchange = function () {
-                var v = ('' + input.value).trim();
-                if (v && v !== 'https://') { Stremio.addAddon(v); U.toast('Addon added'); setTimeout(renderSettings, 500); }
-            };
-            addRow.appendChild(input);
-            addRow.__onselect = function () {
-                input.focus();
-                // place cursor at the end so the user types after https://
-                var n = input.value.length;
-                try { input.setSelectionRange(n, n); } catch (e) {}
-            };
+            // Add-addon (opens a dedicated page — keeps the field clear of the keyboard)
+            var addRow = U.el('div', 'addon-item focusable add-row');
+            addRow.appendChild(U.el('div', 'a-name', '+  Add addon'));
+            addRow.appendChild(U.el('div', 'a-url', 'Enter a Stremio addon manifest URL on its own page'));
+            addRow.__onselect = function () { App.openAddAddon(); };
             wrap.appendChild(addRow);
 
             wrap.appendChild(U.el('div', 'hint',
@@ -460,7 +545,7 @@ var Views = (function () {
 
     return {
         renderHome: renderHome, renderDetail: renderDetail, renderSettings: renderSettings,
-        renderSearch: renderSearch, backInDetail: backInDetail,
+        renderSearch: renderSearch, renderAddAddon: renderAddAddon, backInDetail: backInDetail,
         isModalOpen: function () { return _modalOpen; }, closeModal: closeModal
     };
 })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuvio-tizen",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Nuvio-style Stremio-addon streaming client for Tizen 3.0+ Samsung TVs (TizenBrew app module).",
   "packageType": "app",
   "appName": "Nuvio",
@@ -25,4 +25,4 @@
   ],
   "evaluateScriptOnDocumentStart": false,
   "license": "MIT"
-}
+}