From 805cb8b0c0e2e362624fda65cb3aad480c849ce2 Mon Sep 17 00:00:00 2001
From: "Mr.jiang" <714156421@qq.com>
Date: Thu, 25 Jul 2024 21:22:54 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E5=9C=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/videoCircle/index.vue | 131 ++++++++----------------------------
 1 file changed, 29 insertions(+), 102 deletions(-)

diff --git a/pages/videoCircle/index.vue b/pages/videoCircle/index.vue
index 984bcab..eb206bc 100644
--- a/pages/videoCircle/index.vue
+++ b/pages/videoCircle/index.vue
@@ -1,7 +1,7 @@
 <template>
 	<view>
 		<!-- 视频 id 切记是字符串类型 -->
-		<image v-if="isShowAixin" src="@/static/img/index/aixining.png" :style="'position: fixed; margin-left: '+ aixinLeft +'px; margin-top: '+ aixinTop +'px; width: 70px; height: 65px; transform: rotate('+ Rotate +'deg);'"></image>
+		<!-- <image v-if="isShowAixin" src="@/static/img/index/aixining.png" :style="'position: fixed; margin-left: '+ aixinLeft +'px; margin-top: '+ aixinTop +'px; width: 70px; height: 65px; transform: rotate('+ Rotate +'deg);'"></image> -->
 		<swiper :style="'width: '+ windowWidth +'px; height: '+ windowHeight +'px; background-color: #000000;'" :vertical="true" @animationfinish="animationfinish" @change="change" :current="current" :indicator-dots="false" :duration="duration">
 			<swiper-item v-for="(list,index) in dataList" :key="index">
 				<view v-if="Math.abs(k-index)<=1">
@@ -32,7 +32,7 @@
 						@click="tapVideoHover(list.state,$event)"
 						@timeupdate="timeupdate($event,index)"
 						:style="'width: '+ windowWidth +'px; height: '+ windowHeight +'px; background-color: #000000; z-index: 8;'"
-						:poster="list.filePath+'?x-oss-process=video/snapshot,t_100,f_jpg'"
+						:poster="list.filePath"
 						></video>
 						<!-- 
 						1.这里是封面（方案二）：这里的封面可以自定义。
@@ -242,6 +242,7 @@
 						}
 					},200)
 				} else {
+					console.log(88)
 					audo.pause()
 					this.dataList[k].state = 'pause'
 					uni.createVideoContext(this.dataList[k].id+''+k,this).seek(0)
@@ -263,39 +264,28 @@
 			this.boxStyle.width = this.windowWidth + 'px'//给宽度加px
 			this.boxStyle.height = this.windowHeight - this.deleteHeight;//有 tabbar的 修改这里可以改变视频高度
 			this.get() //刚进入页面加载数据
-			// #ifndef MP
-			this.rotateX();
-			// #endif
 			
 		},
 		onShow(){
 			console.log('回到前台');
 			if(this.dataList.length !== 0){
-				// #ifdef MP
-				this.dataList[this.k].state = 'play';
-				uni.createVideoContext(this.dataList[this.k].id+''+this.k,this).play()
-				// #endif
-				// #ifdef H5
 				if(this.isClick){
-					this.dataList[this.k].state = 'play';
-					uni.createVideoContext(this.dataList[this.k].id+''+this.k,this).play()
-					audo.play()
+					this.dataList[this.k].state = 'pause';
+					uni.createVideoContext(this.dataList[this.k].id+''+this.k,this).pause()
+					audo.pause()
+					
+					// this.dataList[this.k].state = 'play';
+					// uni.createVideoContext(this.dataList[this.k].id+''+this.k,this).play()
+					// audo.play()
 				}
-				// #endif
 			}
 		},
 		onHide(){
-			// #ifdef MP
-			this.dataList[this.k].state = 'pause';
-			uni.createVideoContext(this.dataList[this.k].id+''+this.k,this).pause()
-			// #endif
-			// #ifdef H5
 			if(this.isClick){
 				this.dataList[this.k].state = 'pause';
 				uni.createVideoContext(this.dataList[this.k].id+''+this.k,this).pause()
 				audo.pause()
 			}
-			// #endif
 			console.log('到后台');
 		},
 		
@@ -579,56 +569,24 @@
 				*/
 			},
 			//点击播放&&暂停
+			//点击播放&&暂停
 			tapVideoHover(state,event){
-				// this.dataList[this.k].isShowimage = false
-				// this.dataList[this.k].isShowProgressBarTime = false
-				this.ProgressBarOpacity = 0.5
-				this.dotWidth = 0
-				console.log('state--1',state);
-				// 1.启用双击点赞 --- start
-				this.touchNum++;
-				setTimeout(()=>{
-					if(this.touchNum == 1){
-						if(state=='play'||state=='continue'){
-							this.dataList[this.k].state = 'pause';
-							this.dataList[this.k].isplay = true;
-						}else{
-							this.dataList[this.k].state = 'continue';
-							this.dataList[this.k].isplay = false;
-						}
-						if(this.dataList[this.k].state == 'continue'){
-							this.dataList[this.k].isplay = false;
-							uni.createVideoContext(this.dataList[this.k].id+''+this.k,this).play();//暂停以后继续播放
-							this.clearTime();
-							setTimeout(()=>{
-								this.rotateX();
-							},50)
-						}
-						if(this.dataList[this.k].state == 'pause'){
-							this.dataList[this.k].isplay = true;
-							uni.createVideoContext(this.dataList[this.k].id+''+this.k,this).pause();//暂停以后继续播放
-							this.clearTime();
-						}
-					}
-					if(this.touchNum >= 2){
-						this.doubleLike();
-					}
-					this.touchNum = 0;
-				},200)
-				// --------------- ending
-				// 2. 不启用双击点赞 start
-				// if(state=='play'||state=='continue'){
-				// 	this.dataList[this.k].state = 'pause';
-				// }else{
-				// 	this.dataList[this.k].state = 'continue';
-				// }
-				// if(this.dataList[this.k].state == 'continue'){
-				// 	uni.createVideoContext(this.dataList[this.k].id,this).play();//暂停以后继续播放
-				// }
-				// if(this.dataList[this.k].state == 'pause'){
-				// 	uni.createVideoContext(this.dataList[this.k].id,this).pause();//暂停以后继续播放
-				// }
-				// --------------- ending
+				console.log('state--',state);
+				if(state=='play'||state=='continue'){
+					this.dataList[this.k].state = 'pause';
+				}else{
+					this.dataList[this.k].state = 'continue';
+				}
+				if(this.dataList[this.k].state == 'continue'){
+					this.isClick = true;
+					this.dataList[this.k].playIng = true
+					uni.createVideoContext(this.dataList[this.k]._id+''+this.k,this).play();//暂停以后继续播放
+					audo.play()
+				}
+				if(this.dataList[this.k].state == 'pause'){
+					uni.createVideoContext(this.dataList[this.k]._id+''+this.k,this).pause();//暂停以后继续播放
+					audo.pause()
+				}
 			},
 			//点击播放&&暂停
 			tapVideoHovers(state,event){
@@ -715,21 +673,19 @@
 								src:item.filePath
 							  };
 							});
-							console.log("this.dataList",this.dataList)
 							// 3.播放当前视频
 							setTimeout(()=>{
 								this.isShow = true;
-								this.dataList[this.k].isplay = false
+								this.dataList[this.k].isplay = true
 								this.dataList[this.k].playIng = true
 								setTimeout(()=>{
 									this.dataList[this.k].state = 'pause';
 									uni.createVideoContext(this.dataList[this.k].id+''+this.k,this).seek(0)
 									uni.createVideoContext(this.dataList[this.k].id+''+this.k,this).pause()
 									audo.src = this.dataList[this.k].src;
-									audo.play()
-									
 								},500)
 							},200)
+							console.log("this.dataList",this.dataList)
 							this.videoID = this.dataList[this.k].id
 					} else {
 						uni.showToast({
@@ -738,35 +694,6 @@
 						})
 					}
 				});
-				// uni.request({
-				// 	url: 'https://bdb24c6d-8c19-4f80-8e7e-c9c9f037f131.bspapp.com/video',
-				// 	method: 'POST',
-				// 	data:{
-				// 		info: 'get_video'
-				// 	},
-				// 	success: (res) => {
-				// 		this.isShow = false;
-				// 		var msg = res.data.data
-				// 		// 2.这里把视频添加到视频列表
-				// 		for (let i = 0; i < msg.length; i++) {
-				// 			this.dataList.push(msg[i])
-				// 		}
-				// 		// 3.播放当前视频
-				// 		setTimeout(()=>{
-				// 			this.isShow = true;
-				// 			this.dataList[this.k].isplay = true
-				// 			this.dataList[this.k].playIng = true
-				// 			setTimeout(()=>{
-				// 				uni.createVideoContext(this.dataList[this.k].id+''+this.k,this).seek(0)
-				// 				uni.createVideoContext(this.dataList[this.k].id+''+this.k,this).pause()
-				// 				this.dataList[this.k].state = 'pause';
-				// 				audo.src = this.dataList[this.k].src;
-								
-				// 			},500)
-				// 		},200)
-				// 		this.videoID = this.dataList[this.k].id
-				// 	}
-				// })
 			},
 			share(){
 				uni.showToast({