feat: add Cloudflare Stream and WebRTC Stream menu items and routes

- Introduce new menu items for Cloudflare Stream and WebRTC Stream in the layout
- Update router configuration to include paths for Cloudflare Stream and WebRTC Stream
- Remove deprecated demo paths for these streams to streamline navigation

src/layout/index.vue

@@ -31,6 +31,17 @@
           <el-icon><UserFilled /></el-icon>
           <template #title>{{ t('用户管理') }}</template>
         </el-menu-item>
+
+        <el-menu-item index="/cloudflare-stream">
+          <el-icon><VideoCamera /></el-icon>
+          <template #title>{{ t('Cloudflare Stream') }}</template>
+        </el-menu-item>
+
+        <el-menu-item index="/webrtc-stream">
+          <el-icon><Connection /></el-icon>
+          <template #title>{{ t('WebRTC 流') }}</template>
+        </el-menu-item>
+
         <el-sub-menu index="/demo">
           <template #title>
             <el-icon><VideoPlay /></el-icon>
@@ -40,10 +51,6 @@
             <el-icon><Link /></el-icon>
             <template #title>{{ t('直接 URL') }}</template>
           </el-menu-item>
-          <el-menu-item index="/demo/cloudflare-stream">
-            <el-icon><VideoCamera /></el-icon>
-            <template #title>{{ t('Cloudflare Stream') }}</template>
-          </el-menu-item>
           <el-menu-item index="/demo/rtsp-stream">
             <el-icon><Connection /></el-icon>
             <template #title>{{ t('RTSP 流') }}</template>
@@ -52,10 +59,6 @@
             <el-icon><Film /></el-icon>
             <template #title>{{ t('测试视频') }}</template>
           </el-menu-item>
-          <el-menu-item index="/demo/webrtc-stream">
-            <el-icon><Connection /></el-icon>
-            <template #title>{{ t('WebRTC 流') }}</template>
-          </el-menu-item>
         </el-sub-menu>
 
         <el-sub-menu index="/stream">

src/router/index.ts

@@ -80,6 +80,18 @@ const routes: RouteRecordRaw[] = [
         component: () => import('@/views/user/index.vue'),
         meta: { title: '用户管理', icon: 'User' }
       },
+      {
+        path: 'cloudflare-stream',
+        name: 'CloudflareStream',
+        component: () => import('@/views/demo/cloudflare-stream.vue'),
+        meta: { title: 'Cloudflare Stream', icon: 'VideoCamera' }
+      },
+      {
+        path: 'webrtc-stream',
+        name: 'WebrtcStream',
+        component: () => import('@/views/demo/webrtc-stream.vue'),
+        meta: { title: 'WebRTC 流', icon: 'Connection' }
+      },
       {
         path: 'stats',
         name: 'Stats',
@@ -98,12 +110,6 @@ const routes: RouteRecordRaw[] = [
         component: () => import('@/views/demo/direct-url.vue'),
         meta: { title: '直接 URL', icon: 'Link' }
       },
-      {
-        path: 'cloudflare-stream',
-        name: 'CloudflareStream',
-        component: () => import('@/views/demo/cloudflare-stream.vue'),
-        meta: { title: 'Cloudflare Stream', icon: 'VideoCamera' }
-      },
       {
         path: 'demo/rtsp-stream',
         name: 'RtspStream',
@@ -115,12 +121,6 @@ const routes: RouteRecordRaw[] = [
         name: 'SampleVideos',
         component: () => import('@/views/demo/sample-videos.vue'),
         meta: { title: '测试视频', icon: 'Film' }
-      },
-      {
-        path: 'webrtc-stream',
-        name: 'WebrtcStream',
-        component: () => import('@/views/demo/webrtc-stream.vue'),
-        meta: { title: 'WebRTC 流', icon: 'Connection' }
       }
     ]
   },