@shijiu/jsview-vue-samples 2.2.426-test.0 → 2.3.0

package/DemoHomepage/router.js

@@ -1,408 +1,428 @@
 import { createRouter } from 'vue-router';
 import { jsvCreateHashHistory } from 'jsview';
 import { metroWidgetRouteList } from "../MetroWidgetDemos"
+import Homepage from './views/Homepage.vue' // 不使用动态import，加速显示
+import { demoForOperatorRouteList } from '../DemoForOperator';
+
 let routeList = [
   // 功能实例
   {
-    name: 'Home',
+    meta: { nameText: 'Home', },
     path: '/',
-    component: () => import('./views/Homepage.vue'),
+    component: Homepage,
     meta: {
       keepAlive: true // 需要被缓存(测试Router keep alive机制)
     }
   },
   {
-    name: '基础示例合集',
+    meta: { nameText: '基础示例合集', },
     path: '/feature/Basic',
     component: () => import('@shijiu/jsview-vue-samples/Basic/App.vue'),
   },
   // {
-  //   name: 'FreeMoveResize',
+  //   meta: { nameText: 'FreeMoveResize', },
   //   path: '/feature/FreeMoveResize',
   //   component: () => import('@shijiu/jsview-vue-samples/FreeMoveResize/App.vue'),
   // },
   {
-    name: '烟花行进特效',
+    meta: { nameText: '3d移动动画', },
+    path: '/Operations/3dMove',
+    component: () => import('jsview-vue-samples/Poster3d/App.vue'),
+  },
+  {
+    meta: { nameText: '烟花行进特效', },
     path: '/Operations/SprayMove',
     component: () => import('jsview-vue-samples/SprayMove/App.vue'),
   },
   {
-    name: '海报图收放组件',
+    meta: { nameText: '海报图收放组件', },
     path: '/Operations/PosterPacker',
     component: () => import('jsview-vue-samples/PosterPacker/App.vue'),
   },
   {
-    name: 'div快照功能',
+    meta: { nameText: 'div快照功能', },
     path: '/feature/BakeViewDemo',
     component: () => import('@shijiu/jsview-vue-samples/BakeViewDemo/App.vue'),
   },
   {
-    name: 'FlexDemo',
+    meta: { nameText: 'FlexDemo', },
     path: '/feature/FlexDemo',
     component: () => import('@shijiu/jsview-vue-samples/FlexCellDemo/App.vue')
   },
   {
-    name: 'ScreenFlex',
+    meta: { nameText: 'ScreenFlex', },
     path: '/feature/ScreenFlex',
     component: () => import('@shijiu/jsview-vue-samples/FullScreenFlex/App.vue')
   },
   {
-    name: '连接线Demo',
+    meta: { nameText: '连接线Demo', },
     path: '/feature/ConnectLine',
     component: () => import('@shijiu/jsview-vue-samples/ConnectLine/App.vue')
   },
   {
-    name: '离散焦点自动处理',
+    meta: { nameText: '离散焦点自动处理', },
     path: '/feature/DispersedFocusControl',
     component: () => import('@shijiu/jsview-vue-samples/DispersedFocusControl/App.vue'),
   },
   {
-    name: '离散焦点分布',
+    meta: { nameText: '离散焦点分布', },
     path: '/feature/DispersedItemSample',
     component: () => import('@shijiu/jsview-vue-samples/DispersedItemSample/DispersedItemSample.vue')
   },
   {
-    name: '饼图测试',
+    meta: { nameText: '饼图测试', },
     path: '/feature/SecTorTest',
     component: () => import('@shijiu/jsview-vue-samples/SecTorTest/App.vue'),
   },
   {
-    name: 'TextureStore测试',
+    meta: { nameText: 'TextureStore测试', },
     path: '/feature/TextureStoreTest',
     component: () => import('@shijiu/jsview-vue-samples/TextureStoreTest/App.vue'),
   },
   {
-    name: 'NinePatch对齐测试',
+    meta: { nameText: 'NinePatch对齐测试', },
     path: '/feature/NinePatchTester',
     component: () => import('@shijiu/jsview-vue-samples/NinePatchTester/App.vue'),
   },
   {
-    name: 'NativeSharedView测试',
+    meta: { nameText: 'NativeSharedView测试', },
     path: '/feature/TestNativeSharedView',
     component: () => import('@shijiu/jsview-vue-samples/TestNativeSharedView/App.vue'),
   },
   {
-    name: 'CSS预处理',
+    meta: { nameText: 'CSS预处理', },
     path: '/feature/CssPreprocessor',
     component: () => import('@shijiu/jsview-vue-samples/CssPreprocessor/App.vue'),
   },
   {
-    name: '可视化变化通知',
+    meta: { nameText: '可视化变化通知', },
     path: '/feature/VisibleSensorDemo',
     component: () => import('@shijiu/jsview-vue-samples/VisibleSensorDemo/App.vue'),
   },
   {
-    name: '快速刷新的表格布局组件',
+    meta: { nameText: '快速刷新的表格布局组件', },
     path: '/feature/GridDemo',
     component: () => import('@shijiu/jsview-vue-samples/GridDemo/App.vue'),
   },
   {
-    name: '有命名空间的焦点切换',
+    meta: { nameText: '有命名空间的焦点切换', },
     path: '/feature/BasicFocusControl',
     component: () => import('@shijiu/jsview-vue-samples/BasicFocusControl/App.vue'),
   },
   {
-    name: 'Hash方式路由切换',
+    meta: { nameText: 'Hash方式路由切换', },
     path: '/feature/HashHistory',
     props: { routePath: '/feature/HashHistory' },
     component: () => import('@shijiu/jsview-vue-samples/HashHistory/App.vue'),
   },
   {
-    name: '翻牌游戏',
+    meta: { nameText: '翻牌游戏', },
     path: '/Game/FlipCard',
     component: () => import('@shijiu/jsview-vue-samples/FlipCard/App.vue'),
   },
   {
-    name: '设置颜色空间',
+    meta: { nameText: '设置颜色空间', },
     path: '/feature/ColorSpace',
     component: () => import('@shijiu/jsview-vue-samples/ColorSpace/App.vue'),
   },
   {
-    name: '制定Texture尺寸',
+    meta: { nameText: '制定Texture尺寸', },
     path: '/feature/TextureSize',
     component: () => import('@shijiu/jsview-vue-samples/TextureSize/App.vue'),
   },
   {
-    name: '长文字',
+    meta: { nameText: '长文字', },
     path: '/feature/LongText',
     component: () => import('@shijiu/jsview-vue-samples/LongText/App.vue'),
   },
   {
-    name: '长文字Latex',
+    meta: { nameText: '长文字Latex', },
     path: '/feature/LongTextLatex',
     component: () => import('@shijiu/jsview-vue-samples/LongTextLatex/App.vue'),
   },
   {
-    name: '二维码',
+    meta: { nameText: '二维码', },
     path: '/feature/QrcodeDemo',
     component: () => import('@shijiu/jsview-vue-samples/QrcodeDemo/App.vue'),
   },
   {
-    name: '文字阴影',
+    meta: { nameText: '文字阴影', },
     path: '/feature/TextShadowDemo',
     component: () => import('@shijiu/jsview-vue-samples/TextShadowDemo/App.vue'),
   },
   {
-    name: '多行文字区域内对齐',
+    meta: { nameText: '多行文字区域内对齐', },
     path: '/feature/TextBox',
     component: () => import('@shijiu/jsview-vue-samples/TextBox/App.vue'),
   },
   // TODO: 改为FreeMove后再激活
   // {
-  //   name: '抛物运动写法样例',
+  //   meta: { nameText: '抛物运动写法样例', },
   //   path: '/Game/ThrowMoveDemo',
   //   component: () => import('@shijiu/jsview-vue-samples/ThrowMoveDemo/App.vue'),
   // },
   {
-    name: '精灵图',
+    meta: { nameText: '精灵图', },
     path: '/Game/SpriteImage',
     component: () => import('@shijiu/jsview-vue-samples/SpriteImage/App.vue'),
   },
   {
-    name: '文字滚动(标题跑马灯)',
+    meta: { nameText: '文字滚动(标题跑马灯)', },
     path: '/feature/Marquee',
     component: () => import('@shijiu/jsview-vue-samples/Marquee/App.vue'),
   },
   {
-    name: '文字输入',
+    meta: { nameText: '文字输入', },
     path: '/feature/Input',
     component: () => import('@shijiu/jsview-vue-samples/Input/App.vue'),
   },
   {
-    name: '情景主题效果:雨',
+    meta: { nameText: '情景主题效果:雨', },
     path: '/Operations/TombSweepingDayTest',
     component: () => import('@shijiu/jsview-vue-samples/TombSweepingDayTest/App.vue'),
   },
   {
-    name: '.9图焦点框漂移',
+    meta: { nameText: '.9图焦点框漂移', },
     path: '/Operations/NinePatchDemo',
     component: () => import('@shijiu/jsview-vue-samples/NinePatchDemo/App.vue'),
   },
   {
-    name: '动图',
+    meta: { nameText: '动图', },
     path: '/Operations/AnimPicture',
     component: () => import('@shijiu/jsview-vue-samples/AnimPicture/App.vue'),
   },
   {
-    name: '粒子效果',
+    meta: { nameText: '粒子效果', },
     path: '/Operations/SprayView',
     component: () => import('@shijiu/jsview-vue-samples/SprayView/App.vue'),
   },
   {
-    name: '长图片',
+    meta: { nameText: '长图片', },
     path: '/Operations/LongImage',
     component: () => import('@shijiu/jsview-vue-samples/LongImage/App.vue'),
   },
   {
-    name: '拼图demo',
+    meta: { nameText: '拼图demo', },
     path: '/Operations/MaskClip',
     component: () => import('@shijiu/jsview-vue-samples/MaskClip/App.vue'),
   },
   {
-    name: 'SoundPool',
+    meta: { nameText: 'SoundPool', },
     path: '/Game/SoundPool',
     component: () => import('@shijiu/jsview-vue-samples/SoundPool/App.vue'),
   },
   {
-    name: 'TextureAnimation',
+    meta: { nameText: 'TextureAnimation', },
     path: '/Operations/TextureAnimation',
     component: () => import('@shijiu/jsview-vue-samples/TextureAnimation/App.vue'),
   },
   {
-    name: '焦点框旋转光效果',
+    meta: { nameText: '焦点框旋转光效果', },
     path: '/Operations/TextureAnimation2',
-    component: () => import('@shijiu/jsview-vue-samples/TextureAnimation/App2.vue'),
+    component: () => import('@shijiu/jsview-vue-samples/TextureAnimation/App3.vue'),
   },
   {
-    name: '公祭日黑白效果',
+    meta: { nameText: '公祭日黑白效果', },
     path: '/Operations/GrayDown',
     component: () => import('@shijiu/jsview-vue-samples/FilterDemo/App.vue'),
   },
   {
-    name: '水波特效',
+    meta: { nameText: '水波特效', },
     path: '/Operations/Ripple',
     component: () => import('@shijiu/jsview-vue-samples/Ripple/App.vue'),
   },
   {
-    name: '预加载',
+    meta: { nameText: '预加载', },
     path: '/feature/Preload',
     component: () => import('@shijiu/jsview-vue-samples/Preload/App.vue'),
   },
   {
-    name: '单图片透明',
+    meta: { nameText: '单图片透明', },
     path: '/feature/ViewOpacity',
     component: () => import('@shijiu/jsview-vue-samples/ViewOpacity/App.vue'),
   },
   {
-    name: '图片缩小算法',
+    meta: { nameText: '图片缩小算法', },
     path: '/feature/ScaleDownNeon',
     component: () => import('@shijiu/jsview-vue-samples/ScaleDownNeon/App.vue'),
   },
   {
-    name: '渐变Texture',
+    meta: { nameText: '渐变Texture', },
     path: '/feature/GradientTexture',
     component: () => import('@shijiu/jsview-vue-samples/GradientTexture/App.vue'),
   },
   {
-    name: '碰撞检测',
+    meta: { nameText: '碰撞检测', },
     path: '/Game/Collision',
     component: () => import('@shijiu/jsview-vue-samples/Collision/App.vue'),
   },
   {
-    name: '碰撞即停',
+    meta: { nameText: '碰撞即停', },
     path: '/Game/ImpactStop',
     component: () => import('@shijiu/jsview-vue-samples/ImpactStop/App.vue'),
   },
   {
-    name: '滚动图',
+    meta: { nameText: '滚动图', },
     path: '/Operations/Swiper',
     component: () => import('@shijiu/jsview-vue-samples/Swiper/App.vue'),
   },
   {
-    name: '下载接口示例',
+    meta: { nameText: '下载接口示例', },
     path: '/feature/JsvPreDownloader',
     component: () => import('@shijiu/jsview-vue-samples/JsvPreDownloader/App.vue'),
   },
   {
-    name: '焦点移动样式',
+    meta: { nameText: '焦点移动样式', },
     path: '/Operations/FocusMoveStyle',
     component: () => import('@shijiu/jsview-vue-samples/FocusMoveStyle/App.vue'),
   },
   {
-    name: 'Mockjs测试',
+    meta: { nameText: 'Mockjs测试', },
     path: '/feature/MockjsDemo',
     component: () => import('@shijiu/jsview-vue-samples/MockjsDemo/App.vue'),
   },
   {
-    name: '红包雨',
+    meta: { nameText: '红包雨', },
     path: '/Game/GiftRain',
     component: () => import('@shijiu/jsview-vue-samples/GiftRain/App.vue'),
   },
   {
-    name: '雷达图',
+    meta: { nameText: '雷达图', },
     path: '/Game/RadarChart',
     component: () => import('@shijiu/jsview-vue-samples/JsvRadarChart/App.vue')
   },
   // TODO: 等改为对接FreeMoveActor后再恢复
   // {
-  //   name: '跑酷游戏',
+  //   meta: { nameText: '跑酷游戏', },
   //   path: '/Game/Parkour',
   //   component: () => import('@shijiu/jsview-vue-samples/Parkour/App.vue')
   // },
   {
-    name: 'Hash参数',
+    meta: { nameText: 'Hash参数', },
     path: '/feature/HashParams',
     component: () => import('@shijiu/jsview-vue-samples/HashParams/App.vue'),
   },
   {
-    name: '按键打断描画',
+    meta: { nameText: '按键打断描画', },
     path: '/feature/BreakRender',
     component: () => import('@shijiu/jsview-vue-samples/BreakRender/App.vue'),
   },
   {
-    name: 'latex示例',
+    meta: { nameText: 'latex示例', },
     path: '/feature/LatexDemo',
     component: () => import('@shijiu/jsview-vue-samples/LatexDemo/App.vue'),
   },
   {
-    name: 'GetRect示例',
+    meta: { nameText: 'GetRect示例', },
     path: '/feature/GetRect',
     component: () => import('@shijiu/jsview-vue-samples/GetBoundingClientRect/App.vue'),
   },
   {
-    name: '动态Class示例',
+    meta: { nameText: '动态Class示例', },
     path: '/feature/DynamicClass',
     component: () => import('@shijiu/jsview-vue-samples/DynamicClass/App.vue'),
   },
   {
-    name: 'Class动态切换示例',
+    meta: { nameText: 'Class动态切换示例', },
     path: '/feature/ClassDynamicSwitching',
     component: () => import('@shijiu/jsview-vue-samples/ClassDynamicSwitching/App.vue'),
   },
   {
-    name: 'JsvLine示例',
+    meta: { nameText: 'JsvLine示例', },
     path: '/feature/JsvLine',
     component: () => import('@shijiu/jsview-vue-samples/JsvLine/App.vue'),
   },
   // {
-  //   name: 'FreeMove示例',
+  //   meta: { nameText: 'FreeMove示例', },
   //   path: '/feature/FreeMove',
   //   component: () => import('@shijiu/jsview-vue-samples/FreeMove/App.vue'),
   // },
   {
-    name: '思维导图示例',
+    meta: { nameText: '思维导图示例', },
     path: '/feature/MindMap',
     component: () => import('@shijiu/jsview-vue-samples/MindMap/App.vue'),
   },
   {
-    name: 'latex公式',
+    meta: { nameText: 'latex公式', },
     path: '/feature/LatexFormula',
     component: () => import('@shijiu/jsview-vue-samples/LatexFormula/App.vue'),
   },
   {
-    name: 'Swiper3dTest',
+    meta: { nameText: 'Swiper3dTest', },
     path: '/Operations/Swiper3D',
     component: () => import('@shijiu/jsview-vue-samples/SwiperTest/App.vue'),
   },
   {
-    name: '进度条',
+    meta: { nameText: '进度条', },
     path: '/Operations/ProgressBar',
     component: () => import('@shijiu/jsview-vue-samples/ProgressBar/App.vue'),
   },
   {
-    name: '春联测试',
+    meta: { nameText: '春联测试', },
     path: '/Operations/CoupletsTest',
     component: () => import('@shijiu/jsview-vue-samples/CoupletsTest/App.vue'),
   },
   {
-    name: '场景过渡',
+    meta: { nameText: '全屏春联特效', },
+    path: '/Operations/SpringFestival2025',
+    component: () => import('jsview-vue-samples/SpringFestival/App.vue'),
+  },
+  {
+    meta: { nameText: '场景过渡', },
     path: '/Operations/SceneTransition',
     component: () => import('@shijiu/jsview-vue-samples/SceneTransition/App.vue'),
   },
   {
-    name: '点击Div',
+    meta: { nameText: '点击Div', },
     path: '/touch/ClickDivDemo',
     component: () => import('@shijiu/jsview-vue-samples/ClickDivDemo/App.vue'),
   },
   {
-    name: '触控示例',
+    meta: { nameText: '触控示例', },
     path: '/touch/TouchWidget',
     component: () => import('@shijiu/jsview-vue-samples/TouchWidget/App.vue'),
   },
   {
-    name: 'DragBox',
+    meta: { nameText: 'DragBox', },
     path: '/touch/Box',
     component: () => import('@shijiu/jsview-vue-samples/DragBox/App.vue'),
   },
   // {
-  //   name: 'FreeMove触控磁吸',
+  //   meta: { nameText: 'FreeMove触控磁吸', },
   //   path: '/touch/FreeMoveChildAttract',
   //   component: () => import('@shijiu/jsview-vue-samples/FreeMoveChildAttract/App.vue'),
   // },
   // {
-  //   name: 'FreeMoveLink',
+  //   meta: { nameText: 'FreeMoveLink', },
   //   path: '/touch/FreeMoveLink',
   //   component: () => import('@shijiu/jsview-vue-samples/FreeMoveLink/App.vue'),
   // },
   {
-    name: '可拖拽进度条',
+    meta: { nameText: '可拖拽进度条', },
     path: '/touch/ScrollBoxTest',
     component: () => import('@shijiu/jsview-vue-samples/ScrollBoxTest/App.vue'),
   },
   // {
-  //   name: '透视镜效果样例',
+  //   meta: { nameText: '透视镜效果样例', },
   //   path: '/Operations/DriftScopeTest',
   //   component: () => import('@shijiu/jsview-vue-samples/DriftScopeTest/App.vue'),
   // },
   {
-    name: '自定义shader',
+    meta: { nameText: '自定义shader', },
     path: '/Operations/CustomShader',
     component: () => import('@shijiu/jsview-vue-samples/CustomShader/App.vue'),
   },
+  {
+    meta: { nameText: '虚线框', },
+    path: '/Operations/DashPath',
+    component: () => import('@shijiu/jsview-vue-samples/DashPath/App.vue'),
+  },
 ];
 
 //添加MetroWidget demo
-routeList = routeList.concat(metroWidgetRouteList);
+routeList = routeList
+  .concat(metroWidgetRouteList)
+  .concat(demoForOperatorRouteList);
 
 const router = createRouter({
   // 浏览器调试和盒子上都可以使用功能与WebHashHistory相同的jsvCreateHashHistory(推荐)
@@ -410,5 +430,8 @@ const router = createRouter({
   history: jsvCreateHashHistory(),
   routes: routeList,
 });
+router.beforeEach((to, from) => {
+  console.log("router beforeEach", to, from);
+})
 
 export { router }

package/DemoHomepage/views/Homepage.vue

@@ -16,11 +16,12 @@ const metroWidgetData = [];
 const operationsData = [];
 const gameData = [];
 const touchTestData = [];
+const operatorData = [];
 
 const routeList = useRouter().getRoutes();
 for (let item of routeList) {
   let obj = {
-    name: item.name,
+    name: item.meta.nameText,
     path: item.path,
     width: 300,
     height: 100,
@@ -41,6 +42,9 @@ for (let item of routeList) {
   } else if (item.path.indexOf("/touch/") >= 0) {
     obj.backgroundColor = colorTemplete[touchTestData.length % 4];
     touchTestData.push(obj);
+  } else if (item.path.indexOf("/operator/") >= 0) {
+    obj.backgroundColor = colorTemplete[operatorData.length % 4];
+    operatorData.push(obj);
   }
 }
 const dataList = [
@@ -49,6 +53,7 @@ const dataList = [
   operationsData,
   touchTestData,
   gameData,
+  operatorData,
 ];
 
 // 控制v-show
@@ -218,7 +223,7 @@ onDeactivated(() => {
 }
 
 .logo {
-  top: 10;
+  top: 60;
   width: 1260;
   height: 30;
   color: #00ff00;

package/DivMetroPerformance/data.js

@@ -89,7 +89,7 @@ for (let i = 0; i < 50; i++) {
     savePrize: `${i}`,
     soldTotal: `${Math.floor(Math.random() * 50000)}`,
     pictUrl:
-      "http://img.alicdn.com/bao/uploaded/i3/2207313464483/O1CN01Ab4vWz1izGAyRL1Yf_!!0-item_pic.jpg",
+      "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/DivMetroPerformance/data/O1CN01Ab4vWz1izGAyRL1Yf_!!0-item_pic.jpg",
   }));
 }
 
@@ -103,7 +103,7 @@ for (let i = 0; i < 49; i++) {
     savePrize: `${i}`,
     soldTotal: `${Math.floor(Math.random() * 50000)}`,
     pictUrl:
-      "http://img.alicdn.com/bao/uploaded/i3/2207313464483/O1CN01Ab4vWz1izGAyRL1Yf_!!0-item_pic.jpg",
+      "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/DivMetroPerformance/data/O1CN01Ab4vWz1izGAyRL1Yf_!!0-item_pic.jpg",
   }));
 }
 
@@ -117,7 +117,7 @@ for (let i = 0; i < 48; i++) {
     savePrize: `${i}`,
     soldTotal: `${Math.floor(Math.random() * 50000)}`,
     pictUrl:
-      "http://img.alicdn.com/bao/uploaded/i3/2207313464483/O1CN01Ab4vWz1izGAyRL1Yf_!!0-item_pic.jpg",
+      "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/DivMetroPerformance/data/O1CN01Ab4vWz1izGAyRL1Yf_!!0-item_pic.jpg",
   }));
 }
 

package/DriftScopeTest/App.vue

@@ -106,7 +106,7 @@ onBeforeUnmount(() => {
             width: 1280,
             height: 720,
             backgroundImage:
-              'https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/SceneTransition/fly2.jpg',
+              'https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/DriftScopeTest/App/fly2.jpg',
           }"
         />
       </template>

package/FilterDemo/AnimatePic.vue

@@ -4,7 +4,7 @@ import { getDataUrl } from "../CommonUtils/ResourceData";
 const DemoResourceBase = getDataUrl();
 const item_url = DemoResourceBase
   ? `${DemoResourceBase}/27bda620942566673ab449a3ef765321.png`
-  : "http://oss.image.qcast.cn/homepage/20210209/27bda620942566673ab449a3ef765321.png";
+  : "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/FilterDemo/AnimatePic/27bda620942566673ab449a3ef765321.png";
 </script>
 
 <template>

package/FilterDemo/VideoLayer.vue

@@ -27,9 +27,9 @@ globalLoadJsvPlayerPlugin((status) => {
   console.log("JsvPlayer plugin load status: " + status);
 });
 
-// const video_url = "http://qcast-image.oss-cn-qingdao.aliyuncs.com/homepage/20210207/52fae4231350c85fec605b47bbe479c5.mp4";
+// const video_url = "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/FilterDemo/VideoLayer/52fae4231350c85fec605b47bbe479c5.mp4";
 const video_url =
-  "http://qcast-image.oss-cn-qingdao.aliyuncs.com/homepage/20190726/4cc4e6a8fd7d9d9c707ed4c4da27ca9d.mp4";
+  "https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/FilterDemo/VideoLayer/cctv1_1080_25fps.mp4";
 </script>
 
 <style scoped>

package/FullScreenFlex/TestFrame2.vue

@@ -18,7 +18,7 @@ import { JsvScreenFlex } from "jsview";
       justifyContent: 'flex-start',
       alignItems: 'flex-start',
     }"
-    background="https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/BackgroundLongmao.jpg"
+    background="https://cdn.release.qcast.cn/JsViewFrameworkTester/JsViewVueSampleResources/FullScreenFlex/TestFrame2/BackgroundLongmao.jpg"
   >
     <div
       id="DivAnchor1"