update next sample and readme;

Author: Cube-J

1.hello-world/3.read-video-angular/package.json

@@ -18,7 +18,7 @@
     "@angular/platform-browser": "^15.2.0",
     "@angular/platform-browser-dynamic": "^15.2.0",
     "@angular/router": "^15.2.0",
-    "dynamsoft-javascript-barcode": "^9.6.10",
+    "dynamsoft-javascript-barcode": "^9.6.11",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.12.0"

1.hello-world/3.read-video-angular/src/app/dbr.ts

@@ -9,8 +9,8 @@ BarcodeReader.license = 'DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9';
 /**
  * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days.
  * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
- * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.6.10&utm_source=github#specify-the-license or contact [email protected].
+ * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.6.11&utm_source=github#specify-the-license or contact [email protected].
  * LICENSE ALERT - THE END
  */
 
-BarcodeReader.engineResourcePath = 'https://cdn.jsdelivr.net/npm/[email protected].10/dist/';
+BarcodeReader.engineResourcePath = 'https://cdn.jsdelivr.net/npm/[email protected].11/dist/';

1.hello-world/5.read-video-vue/vite.config.js

@@ -6,6 +6,7 @@ import vue2 from '@vitejs/plugin-vue2'
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  base: "",
   plugins: [
     vue2(),
     legacy({

1.hello-world/6.read-video-vue3/vite.config.ts

@@ -5,6 +5,7 @@ import vue from '@vitejs/plugin-vue'
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  base: "",
   plugins: [vue()],
   resolve: {
     alias: {

1.hello-world/7.read-video-nextjs/README.md

@@ -63,4 +63,4 @@ class VideoDecode extends React.Component {
     }
 }
 
-export default VideoDecode;
+export default VideoDecode;

1.hello-world/7.read-video-nextjs/components/VideoDecode.tsx

@@ -9,8 +9,8 @@ BarcodeReader.license = 'DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9';
 /** 
  * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
  * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
- * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.6.10&utm_source=github#specify-the-license or contact [email protected].
+ * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.6.11&utm_source=github#specify-the-license or contact [email protected].
  * LICENSE ALERT - THE END 
  */
 
-BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/[email protected].10/dist/";
+BarcodeReader.engineResourcePath = "https://cdn.jsdelivr.net/npm/[email protected].11/dist/";

1.hello-world/7.read-video-nextjs/dbr.ts

@@ -9,12 +9,11 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@next/font": "13.1.6",
-    "@types/node": "18.13.0",
+    "@types/node": "18.15.3",
     "@types/react": "18.0.28",
-    "@types/react-dom": "18.0.10",
-    "dynamsoft-javascript-barcode": "9.6.10",
-    "next": "13.1.6",
+    "@types/react-dom": "18.0.11",
+    "dynamsoft-javascript-barcode": "^9.6.11",
+    "next": "13.2.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "typescript": "4.9.5"

1.hello-world/7.read-video-nextjs/package.json

@@ -1,5 +1,5 @@
 import '@/styles/globals.css'
-import '@/styles/BarcodeScanner.css'
+import '@/styles/VideoDecode.css'
 import type { AppProps } from 'next/app'
 
 export default function App({ Component, pageProps }: AppProps) {

1.hello-world/7.read-video-nextjs/pages/_app.tsx

@@ -1,39 +1,21 @@
 import Head from 'next/head'
-import Image from 'next/image'
-import HelloWorld from '../components/HelloWorld'
-import { Inter } from '@next/font/google'
 import styles from '@/styles/Home.module.css'
-
-const inter = Inter({ subsets: ['latin'] })
+import HelloWorld from '../components/HelloWorld'
 
 export default function Home() {
   return (
-    <div className={styles.container}>
+    <>
       <Head>
         <title>Create Next App</title>
         <meta name="description" content="Generated by create next app" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
-      
       <main className={styles.main}>
         <div className={styles.UIElement}>
-          <HelloWorld title="Hello World for Next.js" />
+          <HelloWorld title="Welcome to DBRJS Nextjs sample" />
         </div>
       </main>
-
-      <footer className={styles.footer}>
-        <a
-          href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Powered by{' '}
-          <span className={styles.logo}>
-            <Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />
-          </span>
-        </a>
-      </footer>
-    </div>
+    </>
   )
 }