From c2434a4e9bc0ec108d41b932c4ec22c1317bf2f3 Mon Sep 17 00:00:00 2001
From: laozt <2721205210@qq.com>
Date: Thu, 18 Jan 2024 10:48:12 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=A0=E9=99=A4video?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                             |  14 --
 subcontract/work/videocenter/index.vue | 298 -------------------------
 subcontract/work/videocenter/play.vue  |  62 -----
 subcontract/work/videocenter/video.vue |  61 -----
 4 files changed, 435 deletions(-)
 delete mode 100644 subcontract/work/videocenter/index.vue
 delete mode 100644 subcontract/work/videocenter/play.vue
 delete mode 100644 subcontract/work/videocenter/video.vue

diff --git a/pages.json b/pages.json
index c4f3b7d..eb05125 100644
--- a/pages.json
+++ b/pages.json
@@ -106,20 +106,6 @@
     {
       "root": "subcontract/work/",
       "pages": [
-        {
-          "path": "videocenter/index",
-          "style": {
-            "navigationBarTitleText": "视频中心",
-            "navigationStyle": "custom"
-          }
-        },
-        {
-          "path": "videocenter/play",
-          "style": {
-            "navigationBarTitleText": "播放",
-            "navigationStyle": "custom"
-          }
-        },
         {
           "path": "event/index",
           "style": {
diff --git a/subcontract/work/videocenter/index.vue b/subcontract/work/videocenter/index.vue
deleted file mode 100644
index 537b0da..0000000
--- a/subcontract/work/videocenter/index.vue
+++ /dev/null
@@ -1,298 +0,0 @@
-<!--
- * @Author: 张涛
- * @Date: 2023-11-06 14:18:06
- * @LastEditors: 张涛
- * @LastEditTime: 2023-11-10 13:14:51
- * @FilePath: \JiangNingUmale-App\subcontract\work\videocenter\index.vue
--->
-<template>
-  <view class="page">
-    <u-navbar
-      title="视频中心"
-      back-icon-color="#FFFFFF"
-      title-color="#FFFFFF"
-      leftText="返回"
-      :autoBack="true"
-      :placeholder="true"
-    />
-    <view class="view-segmented">
-      <uni-segmented-control
-        :current="current"
-        :values="items"
-        @clickItem="onClickItem"
-        styleType="button"
-        activeColor="#007aff"
-        bgColor="#FFFFFF"
-        fontColor="#34373B"
-        tabHeight="88rpx"
-        tabFontsize="32rpx"
-        tabBoxShadow="1rpx 1rpx 10rpx rgba(0,0,0,0.1)"
-        tabBorderRadius="16rpx"
-        class="segmented-controls"
-      ></uni-segmented-control>
-    </view>
-
-    <view class="main-content">
-      <view v-show="current === 0">
-        <view class="work-center">
-          <view
-            v-for="(item, index) in grids"
-            :key="index"
-            @click="goPath(item)"
-            style="position: relative"
-          >
-            <!-- <image src="/static/images/umale/video.png" class="grid-img" />
-            <view class="grid-img-play">
-              <image src="/static/images/umale/play.png" />
-            </view> -->
-			<view class="videoMain">
-				<video-main :src="videoSrc" :id="index"></video-main>
-			</view>
-            <view class="grid-name">
-              <text>{{ item.name }} </text>
-            </view>
-          </view>
-        </view>
-      </view>
-      <view v-show="current === 1">
-        <view class="work-center">
-          <view
-            v-for="(item, index) in grids"
-            :key="index"
-            @click="goPath(item)"
-            style="position: relative"
-          >
-            <image src="/static/images/umale/video.png" class="grid-img" />
-            <view class="grid-img-play">
-              <image src="/static/images/umale/play.png" />
-            </view>
-
-            <view class="grid-name">
-              <text>{{ item.name }} </text>
-            </view>
-          </view>
-        </view>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script>
-import videoMain from "./video.vue"
-export default {
-  components:{
-	videoMain
-  },
-  data() {
-    return {
-    items: ["车载监控视频", "固定监控视频"],
-    current: 0,
-	videoSrc:"https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8",
-    grids: [
-        {
-          name: "秦淮河1号监控",
-          gridImg: "",
-          color: "#0D306B",
-          subcolor: "#BE9085",
-          disable: false,
-          toPage: "/subcontract/work/videocenter/play",
-        },
-        {
-          name: "秦淮河2号监控",
-          gridImg: "",
-          color: "#0D516B",
-          subcolor: "",
-          disable: false,
-          toPage: "/subcontract/mine/event/index",
-        },
-        // {
-        //   name: "秦淮河3号监控",
-        //   gridImg: "",
-        //   color: "#6B480D",
-        //   subcolor: "",
-        //   disable: false,
-        //   toPage: "/subcontract/mine/event/index",
-        // },
-        // {
-        //   name: "秦淮河4号监控",
-        //   gridImg: "",
-        //   color: "#154F06",
-        //   subcolor: "#C5A071",
-        //   disable: false,
-        //   toPage: "/subcontract/mine/event/index",
-        // },
-        // {
-        //   name: "秦淮河5号监控",
-        //   gridImg: "",
-        //   color: "#0D516B",
-        //   subcolor: "#6E89B1",
-        //   disable: false,
-        //   toPage: "/subcontract/mine/event/index",
-        // },
-        // {
-        //   name: "秦淮河6号监控",
-        //   gridImg: "",
-        //   color: "#6B0D0D",
-        //   subcolor: "",
-        //   disable: false,
-        //   toPage: "/subcontract/mine/event/index",
-        // },
-        // {
-        //   name: "秦淮河7号监控",
-        //   gridImg: "",
-        //   color: "#025629",
-        //   subcolor: "",
-        //   disable: false,
-        //   toPage: "/subcontract/mine/event/index",
-        // },
-        // {
-        //   name: "秦淮河8号监控",
-        //   gridImg: "",
-        //   color: "#0D306B",
-        //   subcolor: "",
-        //   disable: false,
-        //   toPage: "/subcontract/mine/event/index",
-        // },
-        // {
-        //   name: "秦淮河6号监控",
-        //   gridImg: "",
-        //   color: "#6B0D0D",
-        //   subcolor: "",
-        //   disable: false,
-        //   toPage: "/subcontract/mine/event/index",
-        // },
-        // {
-        //   name: "秦淮河7号监控",
-        //   gridImg: "",
-        //   color: "#025629",
-        //   subcolor: "",
-        //   disable: false,
-        //   toPage: "/subcontract/mine/event/index",
-        // },
-        // {
-        //   name: "秦淮河8号监控",
-        //   gridImg: "",
-        //   color: "#0D306B",
-        //   subcolor: "",
-        //   disable: false,
-        //   toPage: "/subcontract/mine/event/index",
-        // },
-      ],
-    };
-  },
-  methods: {
-    onClickItem(e) {
-      if (this.current != e.currentIndex) {
-        this.current = e.currentIndex;
-      }
-    },
-    goPath(item) {
-      this.$tab.navigateTo(item.toPage);
-    },
-  },
-  mounted() {
-  	console.log("当前页面",this.$route.path);
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.page {
-  background-color: #f6f7f8;
-
-  .view-segmented {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: #f6f7f8;
-    position: fixed;
-    top: calc(var(--status-bar-height) + 44px);
-    z-index: 99;
-    padding-top: 30rpx;
-    padding-bottom: 30rpx;
-    .segmented-controls {
-      width: 688rpx;
-      font-size: 32rpx;
-      font-family: PingFang SC;
-      font-weight: bold;
-
-      /deep/.segmented-control--button {
-        /deep/.segmented-control__item--button {
-          /deep/.segmented-control__text {
-            color: #34373b;
-          }
-        }
-      }
-    }
-  }
-  .main-content {
-    position: relative;
-    margin-top: calc(var(--status-bar-height) + 84px);
-    margin-left: 33rpx;
-    margin-right: 33rpx;
-
-    .work-center {
-      position: absolute;
-      top: 10rpx;
-      width: 100%;
-      box-sizing: border-box;
-      display: flex;
-      flex-wrap: wrap;
-      padding-bottom: 140rpx;
-
-      & > view {
-        width: 48%;
-        height: 290rpx;
-        margin-bottom: 22rpx;
-        position: relative;
-
-        .grid-img {
-          width: 100%;
-          height: 80%;
-          display: block;
-        }
-		.videoMain {
-			width: 100%;
-			height: 80%;
-			position: absolute;
-			top: 0;
-			z-index: 1;
-		}
-
-        .grid-img-play {
-          width: 100%;
-          height: 80%;
-          position: absolute;
-          top: 0;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          z-index: 1;
-          image {
-            width: 81rpx;
-            height: 81rpx;
-          }
-        }
-
-        .grid-name {
-          position: absolute;
-          bottom: 0rpx;
-          text-align: center;
-          width: 100%;
-          font-size: 32rpx;
-          font-family: PingFang SC;
-          font-weight: bold;
-          color: #292f38;
-        }
-        .grid-img-play {
-        }
-      }
-
-      & > view:nth-child(odd) {
-        margin-right: 4%;
-      }
-    }
-  }
-}
-</style>
diff --git a/subcontract/work/videocenter/play.vue b/subcontract/work/videocenter/play.vue
deleted file mode 100644
index 1286023..0000000
--- a/subcontract/work/videocenter/play.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<!--
- * @Author: 张涛
- * @Date: 2023-11-07 13:43:46
- * @LastEditors: 张涛
- * @LastEditTime: 2023-11-07 13:58:16
- * @FilePath: \JiangNingUmale-App\subcontract\work\videocenter\play.vue
--->
-<template>
-	<view class="uni-flex-item">
-		 <video
-      class="video"
-      ref="video"
-      id="video"
-      :src="src"
-      :autoplay="autoplay"
-      @play="playVideo()"
-      @fullscreenchange="screenchange"
-    ></video>
-	
-	</view>
-</template>
-
-<script lang="uts">
-	export default {
-		onReady() {
-			this.videoContext = uni.createVideoContext('video', this);
-		},
-		data() {
-			return {
-				videoContext: null,
-				// 属性
-				src: "http://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20181126-lite.m4v",
-				_src: "http://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-video-courses.mp4",
-				autoplay: true,
-				poster: "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-android.png",
-				_poster: "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-ios.png",
-			}
-		},
-		methods: {
-			statechange(e) {
-				console.log('live-player code:', e.detail.code)
-			},
-			error(e) {
-				console.error('live-player error:', e.detail.errMsg)
-			},
-			playVideo() {
-				uni.createVideoContext('video', this).requestFullScreen();
-				screen.orientation.lock('landscape');
-			},
-			screenchange() {
-				screen.orientation.lock('landscape');
-			}
-		}
-	}
-</script>
-
-<style>
-	.video {
-		width: 750rpx;
-		height: 400rpx;
-	}
-</style>
\ No newline at end of file
diff --git a/subcontract/work/videocenter/video.vue b/subcontract/work/videocenter/video.vue
deleted file mode 100644
index 68116fc..0000000
--- a/subcontract/work/videocenter/video.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-	<view class="video-main">
-		<view :id="'mui-player' + id"></view>
-	</view>
-</template>
-
-<script>
-	import MuiPlayer from 'mui-player';
-	import Hls from 'hls.js'
-	export default {
-		data() {
-			return {
-				videos:null,
-				player:null,
-			};
-		},
-		props:{
-			src:{
-				type:String,
-				default:""
-			},
-			id:{
-				type:Number,
-				default:0,
-			}
-		},
-		methods:{
-			initVideo(){
-				this.$nextTick(()=>{
-				  // 初始化 MuiPlayer 插件，MuiPlayer 方法传递一个对象，该对象包括所有插件的配置
-				  this.player = new MuiPlayer({
-					  container:document.getElementById("mui-player" + this.id),
-					  src:'https://cdn.theoplayer.com/video/big_buck_bunny/big_buck_bunny.m3u8',
-					  parse:{
-						  type:'hls',
-						  loader:Hls,
-						  config:{ // hls config to：https://github.com/video-dev/hls.js/blob/HEAD/docs/API.md#fine-tuning
-							  debug:false,
-						  },
-					  },
-					  pageHead:false,
-				  });
-			    })
-			},
-		},
-		mounted() {
-			this.initVideo()
-		}
-	}
-</script>
-
-<style lang="scss">
-.video-main {
-	width: 100%;
-	height: 100%;
-	.video {
-		width: 100%;
-		height: 100%;
-	}
-}
-</style>