From 0bb4cde11a6e0c37177fc83a1828639c7408231b Mon Sep 17 00:00:00 2001
From: ForeverSc <fengshuochn@126.com>
Date: Mon, 3 Jun 2024 00:53:17 +0800
Subject: [PATCH] chore: add example link

---
 README.md  | 10 +++++++---
 index.html |  5 +++--
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index d766014..d32f7d4 100644
--- a/README.md
+++ b/README.md
@@ -10,12 +10,12 @@ WebCodecs only provide the ability to decode, but not to demux. mp4box.js is coo
 - 📦 One-time support for a variety of media formats, such as mov/mp4/mkv/webm/flv/m4v/wmv/avi, etc.
 - 🧩 Support for customized packaging, you can adjust the configuration, packaged in a specified format demuxer
 
-### Install
+## Install
 ```bash
 npm install web-demuxer
 ```
 
-### Usage
+## Usage
 ```typescript
 import { WebDemuxer } from "web-demuxer"
 
@@ -49,7 +49,11 @@ async function seek(time) {
 }
 ```
 
-### API
+## Examples
+- [Seek Video Frame](https://foreversc.github.io/web-demuxer/#example-seek): [code](https://github.com/ForeverSc/web-demuxer/blob/main/index.html#L96)
+- [Play Video](https://foreversc.github.io/web-demuxer/#example-play): [code](https://github.com/ForeverSc/web-demuxer/blob/main/index.html#L123)
+
+## API
 TODO
 
 ## License
diff --git a/index.html b/index.html
index d4432cb..d11e1ab 100644
--- a/index.html
+++ b/index.html
@@ -87,10 +87,11 @@ <h3>Play Video</h3>
   </main>
   <script type="module">
     (async () => {
-      const { WebDemuxer } = import.meta.env.DEV ? await import('./src') : await import('https://cdn.jsdelivr.net/npm/web-demuxer@latest/dist/web-demuxer.js')
+      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.js')
 
       const demuxer = new WebDemuxer({
-        wasmLoaderPath: !import.meta.env.DEV ? "http://localhost:5173/src/lib/ffmpeg.js" : "https://cdn.jsdelivr.net/npm/web-demuxer@1.0.0/dist/wasm-files/ffmpeg.js",
+        wasmLoaderPath: isDEV ? "http://localhost:5173/src/lib/ffmpeg.js" : "https://cdn.jsdelivr.net/npm/web-demuxer@1.0.0/dist/wasm-files/ffmpeg.js",
       })
 
       document.getElementById('example-seek-btn').addEventListener('click', async (e) => {