Fix ONNX model loading: upgrade onnxruntime-web, add local fallback

- Upgrade onnxruntime-web from 1.18.0 to 1.21.1 (opset 22 support)
  The new YOLO26n-pose model uses opset 22 which was not supported
  by ort 1.18.0, causing silent load failure
- Add local file path as primary, CDN as fallback
- Model load now tries local 'yolo26n-pose-player.onnx' first,
  then falls back to jsDelivr CDN URL

Author: streamgeeks

19-sports-player-id/app.js

@@ -57,8 +57,9 @@ document.addEventListener('DOMContentLoaded', async function() {
     // Local ONNX player detection model (YOLO26n-pose, 640x640 input, 3 classes + 6 keypoints)
     var playerOnnxModel = null;
     var playerModelLoaded = false;
-    // CDN-hosted via jsDelivr for fast loading
-    var PLAYER_ONNX_PATH = 'https://cdn.jsdelivr.net/gh/streamgeeks/visual-reasoning-playground@master/19-sports-player-id/yolo26n-pose-player.onnx';
+    // Try local file first (when served from same origin), fall back to CDN
+    var PLAYER_ONNX_PATH = 'yolo26n-pose-player.onnx';
+    var PLAYER_ONNX_CDN = 'https://cdn.jsdelivr.net/gh/streamgeeks/visual-reasoning-playground@master/19-sports-player-id/yolo26n-pose-player.onnx';
     var PLAYER_INPUT_SIZE = 640;
     var PLAYER_CLASS_NAMES = {
         0: 'ball', 1: 'court', 2: 'player'
@@ -298,27 +299,37 @@ document.addEventListener('DOMContentLoaded', async function() {
         updateStatus('Loading local ONNX model...');
         window.reasoningConsole.logInfo('Loading player detection ONNX model...');
 
-        playerOnnxModel = new OnnxModelRunner(PLAYER_ONNX_PATH, {
-            inputWidth: PLAYER_INPUT_SIZE,
-            inputHeight: PLAYER_INPUT_SIZE,
-            task: 'pose',
-            classNames: PLAYER_CLASS_NAMES,
-            kptShape: [6, 3]
-        });
+        // Try local path first, then CDN fallback
+        var paths = [PLAYER_ONNX_PATH, PLAYER_ONNX_CDN];
+        for (var p = 0; p < paths.length; p++) {
+            var modelPath = paths[p];
+            window.reasoningConsole.logInfo('Trying model path: ' + modelPath);
+
+            playerOnnxModel = new OnnxModelRunner(modelPath, {
+                inputWidth: PLAYER_INPUT_SIZE,
+                inputHeight: PLAYER_INPUT_SIZE,
+                task: 'pose',
+                classNames: PLAYER_CLASS_NAMES,
+                kptShape: [6, 3]
+            });
 
-        var loaded = await playerOnnxModel.load(function(msg) {
-            updateStatus('ONNX: ' + msg);
-        });
+            var loaded = await playerOnnxModel.load(function(msg) {
+                updateStatus('ONNX: ' + msg);
+            });
 
-        playerModelLoaded = loaded;
-        if (loaded) {
-            window.reasoningConsole.logInfo('Player ONNX model loaded');
-            updateStatus('Local model ready');
-        } else {
-            window.reasoningConsole.logError('Player ONNX model failed to load');
-            updateStatus('Local model failed — try Cloud engine', true);
+            if (loaded) {
+                playerModelLoaded = true;
+                window.reasoningConsole.logInfo('Player ONNX model loaded from: ' + modelPath);
+                updateStatus('Local model ready');
+                return true;
+            } else {
+                window.reasoningConsole.logError('Failed to load from: ' + modelPath);
+            }
         }
-        return loaded;
+
+        window.reasoningConsole.logError('Player ONNX model failed to load from all sources');
+        updateStatus('Local model failed — try Cloud engine', true);
+        return false;
     }
 
     async function onnxLocalDetect() {

19-sports-player-id/index.html

@@ -530,7 +530,7 @@ <h3>Live Detection</h3>
     </div>
 
     <!-- ONNX Runtime Web for local in-browser model inference -->
-    <script src="https://cdn.jsdelivr.net/npm/onnxruntime-web@1.18.0/dist/ort.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/onnxruntime-web@1.21.1/dist/ort.min.js"></script>
     <script src="onnx-engine.js"></script>
     <script src="homography.js"></script>
     <script src="court-map.js"></script>

19-sports-player-id/onnx-engine.js

@@ -47,7 +47,7 @@
 
             // Configure ONNX Runtime WASM backend
             if (typeof ort !== 'undefined') {
-                ort.env.wasm.wasmPaths = 'https://cdn.jsdelivr.net/npm/onnxruntime-web@1.18.0/dist/';
+                ort.env.wasm.wasmPaths = 'https://cdn.jsdelivr.net/npm/onnxruntime-web@1.21.1/dist/';
                 // Single-threaded for compatibility (multi-threading requires CORS headers)
                 ort.env.wasm.numThreads = 1;
                 ort.env.wasm.simd = true;