1 line
6.6 KiB
JSON
1 line
6.6 KiB
JSON
{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\views\\thirtyFiveKV.vue","mtime":1689642397096},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\babel.config.js","mtime":1689642387810},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":1689642388897},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1689642396086}],"contextDependencies":[],"result":["export default {\n name: \"thirtyFiveKV\",\n data: function data() {\n return {\n // 视频播放器配置\n playerOptions: {\n height: 400,\n playbackRates: [0.7, 1.0, 1.5, 2.0],\n // 播放速度\n autoplay: false,\n // 如果true,浏览器准备好时开始回放。\n muted: false,\n // 默认情况下将会消除任何音频。\n loop: false,\n // 导致视频一结束就重新开始。\n preload: \"auto\",\n // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)\n language: \"zh-CN\",\n aspectRatio: \"16:9\",\n // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如\"16:9\"或\"4:3\")\n fluid: true,\n // 当true时,Video.js player将拥有流体大小。换句话说,它将按比例缩放以适应其容器。\n sources: [{\n type: \"video/mp4\",\n // 这里的种类支持很多种:基本视频格式、直播、流媒体等,具体可以参看git网址项目\n src: require(\"../assets/videos/video.mp4\") // url地址\n }],\n\n poster: require(\"../assets/images/sun.png\"),\n // 你的封面地址\n // width: document.documentElement.clientWidth, //播放器宽度\n notSupportedMessage: \"此视频暂无法播放,请稍后再试\",\n // 允许覆盖Video.js无法播放媒体源时显示的默认信息。\n controlBar: {\n timeDivider: true,\n durationDisplay: true,\n remainingTimeDisplay: false,\n fullscreenToggle: true // 全屏按钮\n }\n }\n };\n }\n};",{"version":3,"mappings":"AAoBA;EACAA;EACAC;IACA;MACA;MACAC;QACAC;QACAC;QAAA;QACAC;QAAA;QACAC;QAAA;QACAC;QAAA;QACAC;QAAA;QACAC;QACAC;QAAA;QACAC;QAAA;QACAC,UACA;UACAC;UAAA;UACAC;QACA,EACA;;QACAC;QAAA;QACA;QACAC;QAAA;QACAC;UACAC;UACAC;UACAC;UACAC;QACA;MACA;IACA;EACA;AACA","names":["name","data","playerOptions","height","playbackRates","autoplay","muted","loop","preload","language","aspectRatio","fluid","sources","type","src","poster","notSupportedMessage","controlBar","timeDivider","durationDisplay","remainingTimeDisplay","fullscreenToggle"],"sourceRoot":"src/views","sources":["thirtyFiveKV.vue"],"sourcesContent":["<template>\r\n <div class=\"stationBuilding\">\r\n <!-- <video-player\r\n class=\"video-player vjs-custom-skin\"\r\n style=\"heght:100%;width:100%\"\r\n ref=\"VideoPlayer\"\r\n :playsinline=\"true\"\r\n :options=\"playerOptions\"\r\n > \r\n </video-player> -->\r\n <div class=\"stationContent\">\r\n <div class=\"systemText\">\r\n <i class=\"el-icon-loading\" style=\"color: #4bfffd; font-size: 80px\"></i>\r\n <p style=\"font-size: 30px;color:#fff\">系统正在加载中...</p>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"thirtyFiveKV\",\r\n data() {\r\n return {\r\n // 视频播放器配置\r\n playerOptions: {\r\n height: 400,\r\n playbackRates: [0.7, 1.0, 1.5, 2.0], // 播放速度\r\n autoplay: false, // 如果true,浏览器准备好时开始回放。\r\n muted: false, // 默认情况下将会消除任何音频。\r\n loop: false, // 导致视频一结束就重新开始。\r\n preload: \"auto\", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)\r\n language: \"zh-CN\",\r\n aspectRatio: \"16:9\", // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如\"16:9\"或\"4:3\")\r\n fluid: true, // 当true时,Video.js player将拥有流体大小。换句话说,它将按比例缩放以适应其容器。\r\n sources: [\r\n {\r\n type: \"video/mp4\", // 这里的种类支持很多种:基本视频格式、直播、流媒体等,具体可以参看git网址项目\r\n src: require(\"../assets/videos/video.mp4\"), // url地址\r\n },\r\n ],\r\n poster: require(\"../assets/images/sun.png\"), // 你的封面地址\r\n // width: document.documentElement.clientWidth, //播放器宽度\r\n notSupportedMessage: \"此视频暂无法播放,请稍后再试\", // 允许覆盖Video.js无法播放媒体源时显示的默认信息。\r\n controlBar: {\r\n timeDivider: true,\r\n durationDisplay: true,\r\n remainingTimeDisplay: false,\r\n fullscreenToggle: true, // 全屏按钮\r\n },\r\n },\r\n };\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.stationBuilding {\r\n width: 1722px;\r\n height: 982px;\r\n background: url(\"../assets/images/stationBuildingKuang.png\") no-repeat;\r\n background-size: 100% 100%;\r\n padding: 15px 25px;\r\n z-index: 100;\r\n .stationContent {\r\n width: 100%;\r\n height: 100%;\r\n background: url(\"../assets/images/zhifu.png\") no-repeat;\r\n background-size: 100% 100%;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n .systemText {\r\n position: absolute;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n }\r\n}\r\n</style>"]}]} |