diff --git a/index.html b/index.html
index d60c911..81031f5 100644
--- a/index.html
+++ b/index.html
@@ -107,7 +107,7 @@ <h3>Get All Video Packets</h3>
   <script type="module">
     (async () => {
       const isDEV = import.meta.env && import.meta.env.DEV
-      const { WebDemuxer } = isDEV ? await import('./src') : await import('https://cdn.jsdelivr.net/npm/web-demuxer@latest/dist/web-demuxer.min.js')
+      const { WebDemuxer } = isDEV ? await import('./src') : await import('https://cdn.jsdelivr.net/npm/web-demuxer/+esm')
 
       const demuxer = new WebDemuxer({
         wasmLoaderPath: isDEV ? "http://localhost:5173/src/lib/ffmpeg.js" : "https://cdn.jsdelivr.net/npm/web-demuxer@latest/dist/wasm-files/ffmpeg.min.js",
@@ -121,9 +121,13 @@ <h3>Get All Video Packets</h3>
 
         await demuxer.load(file);
 
-        const videoDecoderConfig = await demuxer.getVideoDecoderConfig();
+        const videoDecoderConfig = await demuxer.getVideoDecoderConfig().catch(e => {
+          console.error('get video decoder config error:', e);
+        });
         const videoChunk = await demuxer.seekEncodedVideoChunk(seekTime);
 
+        console.log("getVideoStream", await demuxer.getVideoStream())
+
         const decoder = new VideoDecoder({
           output: (frame) => {
             const scale = Math.min(canvas.width / frame.displayWidth, canvas.height / frame.displayHeight);