Compatibility Lab

/* WebNN + fallback detection chain */ async function getBestMLBackend() { // Tier 1: WebNN if ('ml' in navigator) { try { const ctx = await navigator.ml.createContext({ deviceType: 'gpu' }); if (ctx) return { tier: 'webnn', ctx }; } catch { /* fall through */ } try { const ctx = await navigator.ml.createContext({ deviceType: 'cpu' }); if (ctx) return { tier: 'webnn-cpu', ctx }; } catch { /* fall through */ } } // Tier 2: WebGPU if ('gpu' in navigator) { try { const adapter = await navigator.gpu.requestAdapter(); if (adapter) return { tier: 'webgpu', adapter }; } catch { /* fall through */ } } // Tier 3: WASM SIMD if (typeof WebAssembly !== 'undefined') { // Detect SIMD via compile const simdBytes = new Uint8Array([ 0,97,115,109,1,0,0,0,1,5,1,96,0,1,123,3,2,1,0,10,10,1,8,0,253,15,253,98,11 ]); const simd = await WebAssembly.validate(simdBytes).catch(() => false); return { tier: simd ? 'wasm-simd' : 'wasm', wasm: true }; } // Tier 4: JS only return { tier: 'js-only' }; } /* Usage */ getBestMLBackend().then(({ tier }) => { console.log('ML backend:', tier); // Load appropriate ONNX Runtime Web backend: // 'webnn' → { executionProviders: ['webnn'] } // 'webgpu' → { executionProviders: ['webgpu'] } // 'wasm-simd' → { executionProviders: ['wasm'] } // 'js-only' → { executionProviders: ['cpu'] } });