From a7c041b0108d6904f099c543890760f5ad2864ac Mon Sep 17 00:00:00 2001
From: joshen <445497689@qq.com>
Date: Thu, 20 Jun 2024 14:25:28 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E8=A7=86=E9=A2=91=E5=99=A8=E6=8B=96?=
 =?UTF-8?q?=E5=8A=A8=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/video-player/progress-bar.vue | 170 +++++++++++++++++++++++
 components/video-player/video-player.vue |  98 ++++++++++++-
 pages/study/courseStudy.vue              |  76 ++++++----
 3 files changed, 309 insertions(+), 35 deletions(-)
 create mode 100644 components/video-player/progress-bar.vue

diff --git a/components/video-player/progress-bar.vue b/components/video-player/progress-bar.vue
new file mode 100644
index 0000000..106ed7f
--- /dev/null
+++ b/components/video-player/progress-bar.vue
@@ -0,0 +1,170 @@
+/**
+  $emit: updateProgress, -> 调整进度条后触发的事件，传递参数：currentProgress
+         getMouseDownStatus, -> 获取是否鼠标按下的状态，传递参数：true/false
+  props: width, height,
+         currentProgress, -> 当前进度，范围0-1
+ */
+<template>
+  <div
+    class="progress-bar"
+    :style="{width: width}"
+    @mousedown.left="down"
+    @mousemove="move"
+    @mouseup="up"
+  >
+    <div class="progress-full" :style="{height: height}">
+      <div class="progress-current" :style="{width: currentProgress + '%'}"></div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "progress-bar",
+  props: {
+    width: {
+      type: String,
+      default: "100%",
+    },
+    height: {
+      type: String,
+      default: "4px",
+    },
+    // 当前进度，范围0-1
+    currentProgress: {
+      type: Number,
+      default: 0,
+    },
+    isDrag:{
+      type: Boolean,
+      default: true,
+    },
+    blobId:{
+      type: String,
+    }
+  },
+  data() {
+    return {
+      is_mousedown_progress: false, //是否点击了进度条并保持点击状态
+      current_width_px: 0, // 当前进度条的像素长度
+      init_clientX: 0, //初始进度的偏移量，相对于视口
+      dom_full: null, //完整进度条的dom，即进度条背景
+    };
+  },
+  mounted() {
+    //console.log(this.isDrag,'isDrag');
+    //初始化一些固定数据
+    let dom_full = this.$el.getElementsByClassName("progress-full")[0];
+    this.dom_full = dom_full;
+    //绑定全局监听器
+    window.addEventListener("touchmove", (e) => {
+      if (this.is_mousedown_progress) {
+        this.move(e);
+      }
+    });
+    window.addEventListener("touchend", (e) => {
+      this.up(e);
+    });
+  },
+  beforeDestroy() {
+    //
+  },
+  methods: {
+    down(e) {
+        
+        this.$emit("getMouseDownStatus", true);
+        this.is_mousedown_progress = true;
+        // 获取完整进度条的clientX（dom左上角）
+        let init_clientX = this.dom_full.getBoundingClientRect().left;
+        // 计算调整后的当前进度条的长度
+        this.current_width_px = e.clientX - init_clientX;
+        // 设置当前的播放进度（同时作用于当前进度条的样式）
+        let current = (e.clientX - init_clientX) / this.dom_full.clientWidth;
+        var time = localStorage.getItem('videoProgressData');
+        var arr = time&&JSON.parse(time) || {}
+		console.log('down::',this.isDrag,time,arr[this.blobId] ,current)
+        // 禁止拖动
+        if(!this.isDrag && time && arr[this.blobId] < current) return;
+
+        this.$emit("updateProgress", current);
+    },
+    move(e) {
+      if (this.is_mousedown_progress) {
+        let init_clientX = this.dom_full.getBoundingClientRect().left;
+        this.current_width_px = e.clientX - init_clientX;
+        let current = (e.clientX - init_clientX) / this.dom_full.clientWidth;
+        var time = localStorage.getItem('videoProgressData');
+        var arr = time&&JSON.parse(time) || {}
+		console.log('move::',this.isDrag,time,arr[this.blobId] ,current)
+        // 禁止拖动
+        if(!this.isDrag && time && arr[this.blobId] < current) return;
+        this.$emit("updateProgress", current);
+      }
+    },
+    up() {
+      if (this.is_mousedown_progress) {
+        // 标记鼠标不处于按下的状态了
+        this.is_mousedown_progress = false;
+        this.$emit("getMouseDownStatus", false);
+        // 松开鼠标后，即调整进度条后，此时的进度（0-1）
+        let current = this.current_width_px / this.dom_full.clientWidth;
+        var time = localStorage.getItem('videoProgressData');
+        var arr = time&&JSON.parse(time) || {}
+		console.log('up::',this.isDrag,time,arr[this.blobId] ,current)
+        // 禁止拖动
+        if(!this.isDrag && time && arr[this.blobId] < current) return;
+        this.$emit("updateProgress", current);
+        
+      }
+    },
+  },
+};
+</script>
+
+<style scoped>
+.progress-bar {
+  position: relative;
+  cursor: pointer;
+  padding: 2px 0;
+  margin:  0;
+  transition: height 0.2s;
+  /*overflow: hidden;*/
+}
+.progress-bar:hover .progress-full {
+  height: 2px !important;
+}
+.progress-full {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  background: rgb(201, 201, 201);
+  transition: height 0.3s;
+}
+.progress-current {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: inherit;
+  width: 50%;
+  display: inline-block;
+  background-color: var(--primaryColor);
+}
+.progress-current::after {
+  content: "";
+  position: absolute;
+  display: inline-block;
+  right: 0;
+  top: 50%;
+  bottom: 50%;
+  width: 12px;
+  height: 12px;
+  border-radius: 100%;
+  background: #fff;
+  transform: translate(50%, -50%);
+  opacity: 1;
+  transition: opacity 0.3s;
+}
+.progress-bar:hover .progress-current::after {
+  opacity: 1;
+}
+</style>
\ No newline at end of file
diff --git a/components/video-player/video-player.vue b/components/video-player/video-player.vue
index a587a8c..9e9e2c5 100644
--- a/components/video-player/video-player.vue
+++ b/components/video-player/video-player.vue
@@ -22,9 +22,22 @@
 					<image :src="require(playing? './images/pause.png':'./images/play.png')"  @click.stop='videoOpreation'/>
 				</view>
 				<view class="currtime">{{currtime}}</view>
-				<view class='slider-container'>
-					<slider :disabled="!drag" @change.stop="sliderChange" @changing="sliderChanging" step="1" :value="sliderValue" backgroundColor="#9f9587" activeColor="#d6d2cc" block-color="#FFFFFF" block-size="12"/>
+				<!-- <cover-view v-if="drag" class='slider-container'>
+					<slider  @change.stop="sliderChange" @changing="sliderChanging" step="1" :value="sliderValue" backgroundColor="#9f9587" activeColor="#d6d2cc" block-color="#FFFFFF" block-size="12"/>
+					<slider v-if="!drag"  disabled="true" step="1" :value="sliderValue" backgroundColor="#9f9587" activeColor="#d6d2cc" block-color="#FFFFFF" block-size="12"/>
+				</cover-view> v-if="!drag"  -->
+				<view class='slider-container new-bar'>
+		          	<progressBar 
+			            :currentProgress="sliderValue"
+						:blobId="blobId"
+			            v-on:updateProgress="updateProgressByClickBar"
+			            v-on:getMouseDownStatus="getMouseDownStatusOfProgressBar"
+			            :isDrag="drag"
+			            width="100%"
+		          	></progressBar>
 				</view>
+
+				
 				<view class="druationTime">{{druationTime}}</view>
 				<view class="druationTime">
 					<view id="myVideoSpeed" class="player-speed btn-speed">
@@ -51,14 +64,21 @@
 	</view>
 </template>
 <script>
+	import progressBar from "@/components/video-player/progress-bar.vue";
 	import {mapGetters} from 'vuex'
 	import studyUtil from '@/utils/study.js';
 	export default {
+		components: { progressBar },
 		props: {
 			url:{
 				type: String,
 				require: true
 			},
+			// 视频链接对应的content Id
+			blobId: {
+			  type: String,
+			  default: null,
+			},
 			watermark:{
 				type: Boolean,
 				default: true
@@ -89,12 +109,15 @@
 				updateState: true, //防止视频播放过程中导致的拖拽失效
 				playing:false,//是否在播放中
 				curVideo:{
-					duration:0
+					duration:0,
+					currentTime: 0
 				},
 				touchNum:0,
 				speedListShow:false,
 				speedList:["2.0", "1.5", "1.25", "1.0", "0.75", "0.5"],
 				videoSpeed: 1.0, // 当前倍速:
+				isMousedownProgress: false, // 鼠标是否按下了进度条（并未松开）
+				historyTime: 0 // 当前视频
 			};
 		},
 		computed: {
@@ -114,6 +137,36 @@
 			this.videoContext=uni.createVideoContext("xvideoPlayer", this);
 		},
 		methods: {
+			    /* 点击进度条更新视频播放进度
+			     */
+			    updateProgressByClickBar(value) {
+			    	console.log('value------:',value)
+			      let duration = this.curVideo.duration;
+			      
+			      let new_current_time = Math.round(value * duration);
+			      // this.barrageTimelineStart = new_current_time;
+			      this.curVideo.currentTime = new_current_time;
+			      this.sliderValue = value * 100;
+			      this.videoContext.seek(new_current_time);
+
+
+					// var duration=this.curVideo.duration;
+					// var second=e.detail.value / 100 * duration;
+					// if (duration) { //完成拖动后，计算对应时间并跳转到指定位置
+					//    this.videoContext.seek(second);
+					//    this.sliderValue= e.detail.value,
+					//    this.updateState= true //完成拖动后允许更新滚动条
+					//    this.druationTime = this.formatSeconds(duration);
+					//    this.currtime = this.formatSeconds(second);
+					// }
+
+
+			    },
+			    /* 获取鼠标是否按下了进度条
+			     */
+			    getMouseDownStatusOfProgressBar(value) {
+			      this.isMousedownProgress = value;
+			    },
 				// 全屏+退出全屏
 				fullScreen(){
 					if(this.fullScreenFlag){
@@ -161,18 +214,50 @@
 				  },
 				// 播放进度变化时触发，event.detail = {currentTime, duration} 。触发频率 250ms 一次
 				videoUpdate(e) {
+
+					this.historyTime = e.detail.currentTime
+
 					let duration=this.curVideo.duration;
 					let sliderValue = e.detail.currentTime / duration * 100;
 					let second=sliderValue / 100 * duration;
+
+					// console.log('onTimeUpdate11111::',this.drag,second)
+					// if(!this.drag){
+					// 	this.videoContext.seek(second);
+					// 	return;
+					// }
+
+
+
 					if (this.updateState) { //判断拖拽完成后才触发更新，避免拖拽失效
 						this.sliderValue=sliderValue;
-						this.$emit('progress',this.sliderValue);
 					}else{
 						
 					}
+					// alert(this.sliderValue)
 					this.druationTime = this.formatSeconds(duration);
 					//console.log(this.druationTime,'this.druationTime');
 					this.currtime = this.formatSeconds(second);
+
+			   //    var time = localStorage.getItem('videoProgressData')
+			   //    //alert(1)
+			   //    if(time && !this.drag || !this.drag && !time ){
+					 //  var arr = time&&JSON.parse(time) || {}
+					 //  if(arr[this.url] < this.sliderValue/100 || !arr[this.url]){
+						// arr[this.url] = this.sliderValue/100
+						// localStorage.setItem('videoProgressData',JSON.stringify(arr))
+					 //  }
+			   //    }
+					// 视频播放时本地记录视频实时播放时长,视频设置了禁止拖动时执行
+					if(!this.drag){
+						var time = localStorage.getItem('videoProgressData')
+						var arr = time&&JSON.parse(time) || {}
+						if(arr[this.blobId] < this.sliderValue/100 || !arr[this.blobId]){
+							arr[this.blobId] = parseFloat((this.sliderValue/100).toFixed(8))
+							if(arr[this.blobId]) localStorage.setItem('videoProgressData',JSON.stringify(arr))
+						}
+					}
+				  
 				},
 		        //拖动过程中触发的事件
 		        sliderChanging(e) {
@@ -249,7 +334,7 @@
 						this.contrlShow=!this.contrlShow;
 					}else{
 						if(!this.contrlShow){
-							this.contrlShow=show;
+							this.contrlShow=true;
 						}
 					}
 					// this.onPlayerPause()
@@ -348,6 +433,9 @@
 	  flex:6;
 	  max-width:50%;
 	}
+	.slider-container.new-bar{
+		margin: 7px 10px 10px 10px;
+	}
 	.controller-play{
 		width: 8%;
 	}
diff --git a/pages/study/courseStudy.vue b/pages/study/courseStudy.vue
index 6113e79..7475aea 100644
--- a/pages/study/courseStudy.vue
+++ b/pages/study/courseStudy.vue
@@ -11,6 +11,7 @@
 					<view style="position: relative;">
 						<video-player
 							:url="blobUrl"
+							:blobId="blobId"
 							controls
 							:enable-play-gesture="true"
 							:inittime="curContent.lastStudyTime"
@@ -20,7 +21,6 @@
 							@timeupdate="onPlayerPlaying"
 							@fullscreenchange="onFullScreen"
 							:drag="curriculumData.isDrag"
-							@progress="progress"
 							style="width: 100%; object-fit: fill">
 						></video-player>
 						<view class="player-box" v-if="playerBoxShow">
@@ -428,9 +428,6 @@
 	export default {
 		data(){
 			return{
-				progressData: 0,
-				contentTypeV: '',
-				trueFalse: true,
 				loading:false,//加载中
 				courseId:'',//当前课程的id
 				studyId: '',//当前学习的id
@@ -486,6 +483,7 @@
 				appentInterval:15,//追加学习时间的间隔 3秒加一次
 				preTime:-1,
 				blobUrl:'',//音视频的播放地址
+				blobId: '',
 				localTimeKey:'boeu-study-time' ,//本地存储的学习时长的key   json格式
 				localTimeValue:0,//计算的时间
 				appendStudyOtherHandle:null,
@@ -630,7 +628,6 @@
 				let $this=this;
 				uni.showLoading({title:'加载中...'})
 				apiCourseStudy.studyIndex(this.courseId).then(rs=>{
-					// this.courseType = rs.result.course.type
 					if(rs.status != 200) {
 						uni.hideLoading();
 						uni.showToast({title:rs.message,type:'fail'});
@@ -777,6 +774,22 @@
 				});
 			},
 			playContent(con,conIndex,catIndex){
+				
+				// 视频设置禁用处理逻辑,如果用户已全部观看完该视频，则设置为能全部拖动的逻辑，把isDrag设置为true即可,同时删除本地存储的数据
+
+		// 		if(con.progressVideo ===1){
+		// 		  var obj = JSON.parse(con.content)
+		// 		  obj.isDrag = true
+		// 		  con.content = JSON.stringify(obj)
+		
+		// 		  var time = localStorage.getItem('videoProgressData')
+		// 		  var arr = time&&JSON.parse(time) || {}
+		// 		  alert(con.progressVideo+'--'+con.id + '--'+JSON.stringify(arr))
+		// 		  delete arr[con.id];
+		// 		  localStorage.setItem('videoProgressData',JSON.stringify(arr))
+		
+		// 		}
+				console.log('更换播放内容 playContent::',con,conIndex,catIndex)
 				//对于需要控制学习顺序的
 				if(conIndex!=undefined && catIndex!=undefined) {
 					if(this.courseInfo.orderStudy) {
@@ -798,6 +811,7 @@
 						}
 					}
 				}
+				
 				//切换播放内容
 				this.changePlayRes(con);
 			},
@@ -884,7 +898,6 @@
 				//this.curContent=0;
 				// console.log(con,'con');
 				this.playerBoxShow=false;
-				this.contentTypeV = con.contentType
 				if(con.contentType==40){
 					//如果是文档，需要再次加载pdf
 					if(con.content!='' && con.content.indexOf('.pdf')==-1){
@@ -936,13 +949,16 @@
 					  location.href=this.conLink.url
 					}
 				} else if(con.contentType==10 || con.contentType==20) {
-					
 					if(con.content.startsWith('\{')){
-					   this.curriculumData=JSON.parse(con.content);
+						var d = JSON.parse(con.content)
+						if(d.url=="/course/2024/4/1224670812274712576.mp4") d.isDrag = false
+					    this.curriculumData=d;
 					}else{
 					   this.curriculumData.url=con.content;
 					}
+					console.log('this.curriculumData:::',this.curriculumData)
 					this.blobUrl=this.fileBaseUrl+this.curriculumData.url;
+					this.blobId = con.id
 					//console.log(this.blobUrl,'this.blobUrl');
 				}
 				//console.log(con.contentType,'con.contentType');
@@ -1300,9 +1316,6 @@
 				//console.log(e);
 				this.scrollInfo = e.detail;
 			},
-			progress(val) {
-				this.progressData = (val).toFixed(2);
-			},
 			//以下是播放相关的处理
 			saveStudyDuration(duration) { //保存本地存储的学习时长
 			  if (duration > 0) {
@@ -1319,12 +1332,8 @@
 			        "objInfo": ""+this.courseInfo.name,
 			        "aid":this.userInfo.aid, //当前登录人的id
 			        "aname":this.userInfo.name,//当前人的姓名
-			        "status": 1, //状态
-					"contentId": this.curContent.id,
+			        "status": 1 //状态
 			      }
-				  if(this.contentTypeV == 10) {
-					  postData.progress = this.progressData
-				  }
 			      //静默处理
 			      apiStat.sendEvent(postData).then(rs=>{
 			          if(rs.status == 200) {
@@ -1538,20 +1547,6 @@
 				}
 			},
 			onPlayerPlaying(e){
-				if(e.detail.currentTime > 2 && this.trueFalse){
-					let params ={
-						studyId: this.studyId,//学习id,
-						courseId: this.courseId,//课程id,
-						contentId: this.curContent.id,//内容id,
-						contentType: this.curContent.contentType,
-						contentName: this.curContent.contentName,//内容名称
-						progress: 1,
-						status: 2,
-						contentTotal:this.totalContent
-					}
-					apiCourseStudy.studyContent(params)
-					this.trueFalse = false
-				}
 				//console.log("当前播放11",itme);
 				//console.log("当前播放11"+itme);
 				let intTime=parseInt(e.detail.currentTime);
@@ -1591,6 +1586,18 @@
 						itemId:this.curContent.studyItemId,
 						videoTime:intTime
 					}
+					
+					//alert(3+'--'+this.curriculumData.isDrag +'---'+this.curContent.progressVideo)
+					if(!this.curriculumData.isDrag && this.curContent.progressVideo !=1){
+					  var time = localStorage.getItem('videoProgressData')
+					  var arr = time&&JSON.parse(time) || {}
+					  if(arr[this.blobId]) {
+						postData.progressVideo = arr[this.blobId]
+						postData.contentId = this.curContent.id
+						postData.courseId = this.curContent.courseId
+					  }
+					}
+					
 					apiCourseStudy.studyVideoTime(postData).then(rs=>{
 						if(rs.status!=200){
 						 console.log('记录播放时间错误');
@@ -1662,6 +1669,15 @@
 				    itemId:this.curContent.studyItemId,
 				    videoTime:intTime
 				  }
+					if(!this.curriculumData.isDrag && this.curContent.progressVideo !=1){
+					  var time = localStorage.getItem('videoProgressData')
+					  var arr = time&&JSON.parse(time) || {}
+					  if(arr[this.blobId]) {
+						postData.progressVideo = arr[this.blobId]
+						postData.contentId = this.curContent.id
+						postData.courseId = this.curContent.courseId
+					  }
+					}
 				  apiCourseStudy.studyVideoTime(postData).then(rs=>{
 				     if(rs.status!=200){
 				       console.log('记录播放时间错误');

From fe310b2a71f3108e7974619d361784c03267dfd1 Mon Sep 17 00:00:00 2001
From: joshen <445497689@qq.com>
Date: Mon, 24 Jun 2024 08:40:05 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=E6=92=AD=E6=94=BE=E5=99=A8=E7=A6=81?=
 =?UTF-8?q?=E6=AD=A2=E6=8B=96=E5=8A=A8=E8=AE=BE=E7=BD=AE=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/video-player/progress-bar.vue | 40 ++++++++++-------
 components/video-player/video-player.vue | 55 +++++++++++++-----------
 pages/study/courseStudy.vue              |  4 +-
 3 files changed, 55 insertions(+), 44 deletions(-)

diff --git a/components/video-player/progress-bar.vue b/components/video-player/progress-bar.vue
index 106ed7f..783d9ee 100644
--- a/components/video-player/progress-bar.vue
+++ b/components/video-player/progress-bar.vue
@@ -8,9 +8,9 @@
   <div
     class="progress-bar"
     :style="{width: width}"
-    @mousedown.left="down"
-    @mousemove="move"
-    @mouseup="up"
+    @touchstart.left="start"
+    @touchmove="move"
+    @touchend="up"
   >
     <div class="progress-full" :style="{height: height}">
       <div class="progress-current" :style="{width: currentProgress + '%'}"></div>
@@ -56,13 +56,22 @@ export default {
     //初始化一些固定数据
     let dom_full = this.$el.getElementsByClassName("progress-full")[0];
     this.dom_full = dom_full;
+	// window.addEventListener("touchstart", (e) => {
+	// 	console.log("touchstart::",this.is_mousedown_progress)
+	//   //if (this.is_mousedown_progress) {
+	//     this.down(e);
+	//   //}
+	// });
     //绑定全局监听器
     window.addEventListener("touchmove", (e) => {
+		console.log("touchmove::",this.is_mousedown_progress)
       if (this.is_mousedown_progress) {
-        this.move(e);
+			this.move(e);
+			e.preventDefault();
       }
-    });
+    },{ passive: false });
     window.addEventListener("touchend", (e) => {
+		console.log("touchend::",this.is_mousedown_progress)
       this.up(e);
     });
   },
@@ -70,35 +79,34 @@ export default {
     //
   },
   methods: {
-    down(e) {
-        
+    start(e) {
         this.$emit("getMouseDownStatus", true);
         this.is_mousedown_progress = true;
         // 获取完整进度条的clientX（dom左上角）
         let init_clientX = this.dom_full.getBoundingClientRect().left;
         // 计算调整后的当前进度条的长度
-        this.current_width_px = e.clientX - init_clientX;
+        this.current_width_px = e.touches[0].clientX - init_clientX;
         // 设置当前的播放进度（同时作用于当前进度条的样式）
-        let current = (e.clientX - init_clientX) / this.dom_full.clientWidth;
+        let current = (e.touches[0].clientX - init_clientX) / this.dom_full.clientWidth;
         var time = localStorage.getItem('videoProgressData');
         var arr = time&&JSON.parse(time) || {}
-		console.log('down::',this.isDrag,time,arr[this.blobId] ,current)
+		console.log('start::',e,this.isDrag,time,arr[this.blobId] ,current,e.touches[0].clientX,init_clientX,this.dom_full.clientWidth)
         // 禁止拖动
         if(!this.isDrag && time && arr[this.blobId] < current) return;
 
-        this.$emit("updateProgress", current);
+        this.$emit("updateProgress",'start', current);
     },
     move(e) {
       if (this.is_mousedown_progress) {
         let init_clientX = this.dom_full.getBoundingClientRect().left;
-        this.current_width_px = e.clientX - init_clientX;
-        let current = (e.clientX - init_clientX) / this.dom_full.clientWidth;
+        this.current_width_px = e.touches[0].clientX - init_clientX;
+        let current = (e.touches[0].clientX - init_clientX) / this.dom_full.clientWidth;
         var time = localStorage.getItem('videoProgressData');
         var arr = time&&JSON.parse(time) || {}
-		console.log('move::',this.isDrag,time,arr[this.blobId] ,current)
+		console.log('move::',e,this.isDrag,time,arr[this.blobId] ,current)
         // 禁止拖动
         if(!this.isDrag && time && arr[this.blobId] < current) return;
-        this.$emit("updateProgress", current);
+        this.$emit("updateProgress",'move', current);
       }
     },
     up() {
@@ -113,7 +121,7 @@ export default {
 		console.log('up::',this.isDrag,time,arr[this.blobId] ,current)
         // 禁止拖动
         if(!this.isDrag && time && arr[this.blobId] < current) return;
-        this.$emit("updateProgress", current);
+        this.$emit("updateProgress",'end', current);
         
       }
     },
diff --git a/components/video-player/video-player.vue b/components/video-player/video-player.vue
index 9e9e2c5..5359ea5 100644
--- a/components/video-player/video-player.vue
+++ b/components/video-player/video-player.vue
@@ -22,11 +22,12 @@
 					<image :src="require(playing? './images/pause.png':'./images/play.png')"  @click.stop='videoOpreation'/>
 				</view>
 				<view class="currtime">{{currtime}}</view>
-				<!-- <cover-view v-if="drag" class='slider-container'>
+				  <cover-view v-if="drag" class='slider-container'>
 					<slider  @change.stop="sliderChange" @changing="sliderChanging" step="1" :value="sliderValue" backgroundColor="#9f9587" activeColor="#d6d2cc" block-color="#FFFFFF" block-size="12"/>
-					<slider v-if="!drag"  disabled="true" step="1" :value="sliderValue" backgroundColor="#9f9587" activeColor="#d6d2cc" block-color="#FFFFFF" block-size="12"/>
-				</cover-view> v-if="!drag"  -->
-				<view class='slider-container new-bar'>
+					
+					<!-- <slider v-if="!drag"  disabled="true" step="1" :value="sliderValue" backgroundColor="#9f9587" activeColor="#d6d2cc" block-color="#FFFFFF" block-size="12"/> -->
+				 </cover-view> 
+				<view v-if="!drag" class='slider-container new-bar'>
 		          	<progressBar 
 			            :currentProgress="sliderValue"
 						:blobId="blobId"
@@ -139,28 +140,30 @@
 		methods: {
 			    /* 点击进度条更新视频播放进度
 			     */
-			    updateProgressByClickBar(value) {
-			    	console.log('value------:',value)
-			      let duration = this.curVideo.duration;
-			      
-			      let new_current_time = Math.round(value * duration);
-			      // this.barrageTimelineStart = new_current_time;
-			      this.curVideo.currentTime = new_current_time;
-			      this.sliderValue = value * 100;
-			      this.videoContext.seek(new_current_time);
-
-
+			    updateProgressByClickBar(type,value) {
+			    	
+					let duration = this.curVideo.duration;
+					let second = Math.round(value * duration);
+					this.curVideo.currentTime = second;
+				
+				   this.sliderValue= value * 100,
+				   
+				   this.druationTime = this.formatSeconds(duration);
+				   this.currtime = this.formatSeconds(second);
 					// var duration=this.curVideo.duration;
-					// var second=e.detail.value / 100 * duration;
-					// if (duration) { //完成拖动后，计算对应时间并跳转到指定位置
-					//    this.videoContext.seek(second);
-					//    this.sliderValue= e.detail.value,
-					//    this.updateState= true //完成拖动后允许更新滚动条
-					//    this.druationTime = this.formatSeconds(duration);
-					//    this.currtime = this.formatSeconds(second);
-					// }
-
-
+					// var second= value * duration;
+					if (duration) { //完成拖动后，计算对应时间并跳转到指定位置
+					   
+						if(type === 'start'){
+							this.updateState= false;
+						}
+					   if( type === 'end'){
+							this.videoContext.seek(second);
+							this.curVideo.currentTime = second;
+							this.updateState= true //完成拖动后允许更新滚动条
+							//alert('value000------:'+value+'---'+this.curVideo.duration)
+					   }
+					}
 			    },
 			    /* 获取鼠标是否按下了进度条
 			     */
@@ -220,7 +223,6 @@
 					let duration=this.curVideo.duration;
 					let sliderValue = e.detail.currentTime / duration * 100;
 					let second=sliderValue / 100 * duration;
-
 					// console.log('onTimeUpdate11111::',this.drag,second)
 					// if(!this.drag){
 					// 	this.videoContext.seek(second);
@@ -268,6 +270,7 @@
 				sliderChange(e) {
 					var duration=this.curVideo.duration;
 					var second=e.detail.value / 100 * duration;
+					// alert(e.detail.value + '--slider--'+duration + '--' +second)
 					if (duration) { //完成拖动后，计算对应时间并跳转到指定位置
 					   this.videoContext.seek(second);
 					   this.sliderValue= e.detail.value,
diff --git a/pages/study/courseStudy.vue b/pages/study/courseStudy.vue
index 7475aea..9b49596 100644
--- a/pages/study/courseStudy.vue
+++ b/pages/study/courseStudy.vue
@@ -1591,7 +1591,7 @@
 					if(!this.curriculumData.isDrag && this.curContent.progressVideo !=1){
 					  var time = localStorage.getItem('videoProgressData')
 					  var arr = time&&JSON.parse(time) || {}
-					  if(arr[this.blobId]) {
+					  if(arr[this.blobId] && this.curContent.progressVideo<arr[this.blobId]) {
 						postData.progressVideo = arr[this.blobId]
 						postData.contentId = this.curContent.id
 						postData.courseId = this.curContent.courseId
@@ -1672,7 +1672,7 @@
 					if(!this.curriculumData.isDrag && this.curContent.progressVideo !=1){
 					  var time = localStorage.getItem('videoProgressData')
 					  var arr = time&&JSON.parse(time) || {}
-					  if(arr[this.blobId]) {
+					  if(arr[this.blobId] && this.curContent.progressVideo<arr[this.blobId]) {
 						postData.progressVideo = arr[this.blobId]
 						postData.contentId = this.curContent.id
 						postData.courseId = this.curContent.courseId

From e14ca569f60a9364151de32f3fc457e24553ab82 Mon Sep 17 00:00:00 2001
From: joshen <445497689@qq.com>
Date: Mon, 29 Jul 2024 21:30:55 +0800
Subject: [PATCH 3/4] mobile video page edit

---
 api/manage/manage.js                     |   8 +-
 api/modules/courseStudy.js               |   1 -
 components/video-player/progress-bar.vue | 121 ++++++++++++------
 components/video-player/video-player.vue | 151 +++++++++++++++++++++--
 index.html                               |   1 +
 pages/study/courseStudy.vue              |  10 +-
 6 files changed, 238 insertions(+), 54 deletions(-)

diff --git a/api/manage/manage.js b/api/manage/manage.js
index a3dd43b..dd80f71 100644
--- a/api/manage/manage.js
+++ b/api/manage/manage.js
@@ -26,9 +26,13 @@ const userTaskList = function(data){
 const userDeleteStudy = function(data){
   return ajax.postJson(baseURL,'/stu/project/stuCancelEnrollment',data);
 }
-
+// 移动端视频播放器设置开关
+const getDictCode = function(code){
+  return ajax.get(baseURL+'/dict?code=' + code);
+}
 export default {
     getTaskNum,
     userTaskList,
-	userDeleteStudy
+	userDeleteStudy,
+	getDictCode
 }
diff --git a/api/modules/courseStudy.js b/api/modules/courseStudy.js
index 57420bf..5318ce9 100644
--- a/api/modules/courseStudy.js
+++ b/api/modules/courseStudy.js
@@ -78,7 +78,6 @@ const studyInfo = function(courseId) {
  * @param {Object} contentId
  */
 const getStudyContentItem = function(studyId,contentId) {
-	console.log(1111)
     return ajax.post('/xboe/school/study/course/study-course-content',{studyId,contentId});
 }
 
diff --git a/components/video-player/progress-bar.vue b/components/video-player/progress-bar.vue
index 783d9ee..9606c43 100644
--- a/components/video-player/progress-bar.vue
+++ b/components/video-player/progress-bar.vue
@@ -30,6 +30,10 @@ export default {
       type: String,
       default: "4px",
     },
+    fullScreenFlag:{
+      type: Boolean,
+      default: false,
+    },
     // 当前进度，范围0-1
     currentProgress: {
       type: Number,
@@ -46,8 +50,10 @@ export default {
   data() {
     return {
       is_mousedown_progress: false, //是否点击了进度条并保持点击状态
-      current_width_px: 0, // 当前进度条的像素长度
-      init_clientX: 0, //初始进度的偏移量，相对于视口
+      current_width_px: 0, // 当前竖屏进度条的像素长度
+	  current_height_px: 0, // 当前全屏进度条的像素长度
+      init_clientX: 0, //竖屏初始进度的偏移量，相对于视口
+	  init_clientY: 0, //全屏初始进度的偏移量，相对于视口
       dom_full: null, //完整进度条的dom，即进度条背景
     };
   },
@@ -73,6 +79,7 @@ export default {
     window.addEventListener("touchend", (e) => {
 		console.log("touchend::",this.is_mousedown_progress)
       this.up(e);
+	  // e.preventDefault();
     });
   },
   beforeDestroy() {
@@ -82,47 +89,91 @@ export default {
     start(e) {
         this.$emit("getMouseDownStatus", true);
         this.is_mousedown_progress = true;
-        // 获取完整进度条的clientX（dom左上角）
-        let init_clientX = this.dom_full.getBoundingClientRect().left;
-        // 计算调整后的当前进度条的长度
-        this.current_width_px = e.touches[0].clientX - init_clientX;
-        // 设置当前的播放进度（同时作用于当前进度条的样式）
-        let current = (e.touches[0].clientX - init_clientX) / this.dom_full.clientWidth;
-        var time = localStorage.getItem('videoProgressData');
-        var arr = time&&JSON.parse(time) || {}
-		console.log('start::',e,this.isDrag,time,arr[this.blobId] ,current,e.touches[0].clientX,init_clientX,this.dom_full.clientWidth)
-        // 禁止拖动
-        if(!this.isDrag && time && arr[this.blobId] < current) return;
+		if(this.fullScreenFlag){
+			// 全屏
+			// 获取完整进度条的clientY（dom左上角）
+			let init_clientY = this.dom_full.getBoundingClientRect().top;
+			// 计算调整后的当前进度条的长度
+			this.current_height_px = e.touches[0].clientY - init_clientY;
+			// 设置当前的播放进度（同时作用于当前进度条的样式）
+			let current = (e.touches[0].clientY - init_clientY) / this.dom_full.clientWidth;
+			var time = localStorage.getItem('videoProgressData');
+			var arr = time&&JSON.parse(time) || {}
+			console.log('start::',e,this.isDrag,this.fullScreenFlag,time,arr[this.blobId] ,current,e.touches[0].clientY,init_clientY,this.dom_full.clientHeight,this.current_height_px,this.dom_full)
+			// 禁止拖动
+			if(!this.isDrag && time && arr[this.blobId] < current) return;
 
-        this.$emit("updateProgress",'start', current);
+			this.$emit("updateProgress",'start', current);
+		}else{
+			// 横屏
+			// 获取完整进度条的clientX（dom左上角）
+			let init_clientX = this.dom_full.getBoundingClientRect().left;
+			// 计算调整后的当前进度条的长度
+			this.current_width_px = e.touches[0].clientX - init_clientX;
+			// 设置当前的播放进度（同时作用于当前进度条的样式）
+			let current = (e.touches[0].clientX - init_clientX) / this.dom_full.clientWidth;
+			var time = localStorage.getItem('videoProgressData');
+			var arr = time&&JSON.parse(time) || {}
+			console.log('start::',e,this.isDrag,this.fullScreenFlag,time,arr[this.blobId] ,current,e.touches[0].clientX,init_clientX,this.dom_full.clientWidth)
+			// 禁止拖动
+			if(!this.isDrag && time && arr[this.blobId] < current) return;
+
+			this.$emit("updateProgress",'start', current);
+		}
     },
     move(e) {
       if (this.is_mousedown_progress) {
-        let init_clientX = this.dom_full.getBoundingClientRect().left;
-        this.current_width_px = e.touches[0].clientX - init_clientX;
-        let current = (e.touches[0].clientX - init_clientX) / this.dom_full.clientWidth;
-        var time = localStorage.getItem('videoProgressData');
-        var arr = time&&JSON.parse(time) || {}
-		console.log('move::',e,this.isDrag,time,arr[this.blobId] ,current)
-        // 禁止拖动
-        if(!this.isDrag && time && arr[this.blobId] < current) return;
-        this.$emit("updateProgress",'move', current);
+		if(this.fullScreenFlag){
+			// 全屏
+			let init_clientY = this.dom_full.getBoundingClientRect().top;
+			this.current_height_px = e.touches[0].clientY - init_clientY;
+			let current = (e.touches[0].clientY - init_clientY) / this.dom_full.clientWidth;
+			var time = localStorage.getItem('videoProgressData');
+			var arr = time&&JSON.parse(time) || {}
+			console.log('move::',e,this.isDrag,this.fullScreenFlag,time,arr[this.blobId] ,current,this.dom_full)
+			// 禁止拖动
+			if(!this.isDrag && time && arr[this.blobId] < current) return;
+			this.$emit("updateProgress",'move', current);
+		}else{
+			// 横屏
+			let init_clientX = this.dom_full.getBoundingClientRect().left;
+			this.current_width_px = e.touches[0].clientX - init_clientX;
+			let current = (e.touches[0].clientX - init_clientX) / this.dom_full.clientWidth;
+			var time = localStorage.getItem('videoProgressData');
+			var arr = time&&JSON.parse(time) || {}
+			console.log('move::',e,this.isDrag,this.fullScreenFlag,time,arr[this.blobId] ,current)
+			// 禁止拖动
+			if(!this.isDrag && time && arr[this.blobId] < current) return;
+			this.$emit("updateProgress",'move', current);
+		}
       }
     },
     up() {
       if (this.is_mousedown_progress) {
-        // 标记鼠标不处于按下的状态了
-        this.is_mousedown_progress = false;
-        this.$emit("getMouseDownStatus", false);
-        // 松开鼠标后，即调整进度条后，此时的进度（0-1）
-        let current = this.current_width_px / this.dom_full.clientWidth;
-        var time = localStorage.getItem('videoProgressData');
-        var arr = time&&JSON.parse(time) || {}
-		console.log('up::',this.isDrag,time,arr[this.blobId] ,current)
-        // 禁止拖动
-        if(!this.isDrag && time && arr[this.blobId] < current) return;
-        this.$emit("updateProgress",'end', current);
-        
+		// 标记鼠标不处于按下的状态了
+		this.is_mousedown_progress = false;
+		this.$emit("getMouseDownStatus", false);
+		if(this.fullScreenFlag){
+			// 全屏
+			// 松开鼠标后，即调整进度条后，此时的进度（0-1）
+			let current = this.current_height_px / this.dom_full.clientWidth;
+			var time = localStorage.getItem('videoProgressData');
+			var arr = time&&JSON.parse(time) || {}
+			console.log('up::',this.isDrag,this.fullScreenFlag,time,arr[this.blobId] ,current,this.dom_full)
+			// 禁止拖动
+			if(!this.isDrag && time && arr[this.blobId] < current) return;
+			this.$emit("updateProgress",'end', current);
+		}else{
+			// 横屏
+			// 松开鼠标后，即调整进度条后，此时的进度（0-1）
+			let current = this.current_width_px / this.dom_full.clientWidth;
+			var time = localStorage.getItem('videoProgressData');
+			var arr = time&&JSON.parse(time) || {}
+			console.log('up::',this.isDrag,this.fullScreenFlag,time,arr[this.blobId] ,current)
+			// 禁止拖动
+			if(!this.isDrag && time && arr[this.blobId] < current) return;
+			this.$emit("updateProgress",'end', current);
+		}
       }
     },
   },
diff --git a/components/video-player/video-player.vue b/components/video-player/video-player.vue
index 5359ea5..bb14083 100644
--- a/components/video-player/video-player.vue
+++ b/components/video-player/video-player.vue
@@ -1,9 +1,13 @@
 <template>
-	<view id="xvideoPlayer-box" class="video-box">
-		<video id="xvideoPlayer" style="width: 100%;"
+<view>
+	<view v-if="!xvideoBool" id="xvideoPlayer-box" :class="fullScreenFlag?'video-box video-full-screen':'video-box'">
+		<!--webkit-playsinline playsinline x5-video-player-type="h5-page-->
+		<!-- <video id="xvideoPlayer" :class="fullScreenFlag?'video-scree-rotate':''" :style="{width: fullScreenFlag?videoPageHeight+'px':'100%',height: fullScreenFlag?videoPageWidth+'px': '','margin-left':fullScreenFlag?-1*(videoPageWidth/videoPageHeight*256)+'px':'','top':fullScreenFlag?videoPageHeight/2+'px':''}" -->
+		<video  id="xvideoPlayer" :class="fullScreenFlag?'video-scree-rotate':''" :style="{width: fullScreenFlag?videoPageHeight+'px':'100%',height: fullScreenFlag?videoPageWidth+'px': '','margin-left':fullScreenFlag?-1*(videoPageHeight-videoPageWidth)/2+'px':''}"
 			:src="url"
 			:controls="false"
 			:enable-play-gesture="false"
+			:enable-progress-gesture="false"
 			:initial-time="initPlayingTime"
 			@error="error" 
 			@touchend="onTouchend"
@@ -16,21 +20,23 @@
 			@loadedmetadata="onMetaLoad"
 			@controlstoggle="onControlsToggle"
 		></video>
-		<view id="xplayer-control" >
-			<view class="process-container" v-if="contrlShow">
+		<view id="xplayer-control">
+			<!-- <view class="process-container" v-if="contrlShow" :class="fullScreenFlag?'video-scree-rotate':''" :style="{width: fullScreenFlag?videoPageHeight+'px':'100%','margin-left':fullScreenFlag?'-320px':'','top':fullScreenFlag?'300px':videoFullHeight + 'px'}"> -->
+			<view class="process-container" v-if="contrlShow" :class="fullScreenFlag?'video-scree-rotate':''" :style="{width: fullScreenFlag?videoPageHeight*0.98+'px':'96%','margin-top':-1*videoPageHeight*0.02+'px','margin-left':fullScreenFlag?-1*(videoPageHeight-videoPageWidth)/2-174 - (videoPageWidth-375)/2+'px':'','bottom':fullScreenFlag?'auto':'0px'}">
 				<view class="controller-play">
 					<image :src="require(playing? './images/pause.png':'./images/play.png')"  @click.stop='videoOpreation'/>
 				</view>
 				<view class="currtime">{{currtime}}</view>
-				  <cover-view v-if="drag" class='slider-container'>
+				  <!-- <cover-view v-if="drag" class='slider-container'>
 					<slider  @change.stop="sliderChange" @changing="sliderChanging" step="1" :value="sliderValue" backgroundColor="#9f9587" activeColor="#d6d2cc" block-color="#FFFFFF" block-size="12"/>
-					
+					 -->
 					<!-- <slider v-if="!drag"  disabled="true" step="1" :value="sliderValue" backgroundColor="#9f9587" activeColor="#d6d2cc" block-color="#FFFFFF" block-size="12"/> -->
-				 </cover-view> 
-				<view v-if="!drag" class='slider-container new-bar'>
+				 <!-- </cover-view> -->
+				<view class='slider-container new-bar'>
 		          	<progressBar 
 			            :currentProgress="sliderValue"
 						:blobId="blobId"
+						:fullScreenFlag="fullScreenFlag"
 			            v-on:updateProgress="updateProgressByClickBar"
 			            v-on:getMouseDownStatus="getMouseDownStatusOfProgressBar"
 			            :isDrag="drag"
@@ -60,14 +66,33 @@
 				<view class="controller-screen">
 					<image :src="require(fullScreenFlag? './images/back.png':'./images/full.png')"  @click.stop='fullScreen'/>
 				</view>
+				<!-- <view v-if="fullScreenFlag" @click.stop='horizontalScreen' class="controller-screen">
+					<text>{{horizontalScreenFlag? '竖屏':'横屏'}}</text>
+				</view> -->
 			</view>
 		</view>
 	</view>
+	<view v-if="xvideoBool"  class="video-box-error">
+		<view style="color: #ffffff;padding: 0px 50px 0px;font-size: 16px;">{{mobileVideoDragText}}</view>
+		<button style="display: inline-block;font-size: 14px;padding: 0px 10px;line-height: 28px;" v-if="mobileVideoDragSwitch == 'true'" @click="xvideoBoolFun">仍要使用此浏览器观看</button>
+	</view>
+</view>
 </template>
 <script>
 	import progressBar from "@/components/video-player/progress-bar.vue";
 	import {mapGetters} from 'vuex'
 	import studyUtil from '@/utils/study.js';
+	import apiManage from '@/api/manage/manage.js';
+	// getDictCode
+	function agentFullScreen(){
+		let bool = false
+		let agent = navigator.userAgent
+		if(agent.indexOf('XiaoMi')!=-1){
+			bool = true
+		}
+		return bool
+	}
+	//alert(navigator.userAgent +'----'+ agentFullScreen())
 	export default {
 		components: { progressBar },
 		props: {
@@ -99,6 +124,7 @@
 		},
 		data() {
 			return {
+				xvideoBool: agentFullScreen(), // 是否显示视频
 				contrlShow:false,//是否显示控制条
 				contrlShowTimeout:null,//显示控制条句柄
 				videoContext:null,//播放器
@@ -118,7 +144,13 @@
 				speedList:["2.0", "1.5", "1.25", "1.0", "0.75", "0.5"],
 				videoSpeed: 1.0, // 当前倍速:
 				isMousedownProgress: false, // 鼠标是否按下了进度条（并未松开）
-				historyTime: 0 // 当前视频
+				historyTime: 0, // 当前视频
+				videoFullHeight: 190, // 控制条的高度
+				videoPageWidth: 0, // 当前页面窗口宽度
+				videoPageHeight: 0, // 当前页面窗口高度
+				// horizontalScreenFlag: true // 默认竖屏
+				mobileVideoDragSwitch: '', // 视频播放器扔要使用此浏览器观看
+				mobileVideoDragText: '', // 视频播放器妆容提示文本内容
 			};
 		},
 		computed: {
@@ -134,10 +166,35 @@
 			}
 		},
 		mounted() {
+			var _this = this
 			this.initPlayingTime=this.inittime;
 			this.videoContext=uni.createVideoContext("xvideoPlayer", this);
+			uni.getSystemInfo({
+			  success: function (info) {
+				  //alert(info.windowWidth)
+				_this.videoPageWidth=info.windowWidth;
+				_this.videoPageHeight=info.windowHeight;
+				// 你可以在这里根据窗口高度进行后续操作
+			  }
+			});
+			this.dictCode();
 		},
 		methods: {
+				xvideoBoolFun(){
+					this.xvideoBool = false
+				},
+				// 获取视频播放器设置开关字典
+				dictCode(){
+					var _this = this
+					apiManage.getDictCode('mobile_video_switch').then(res=>{
+						console.log('字典res::',res.code,res.data[0].name)
+						if(res.code==200){
+							_this.mobileVideoDragText = res.data[0].name
+							_this.mobileVideoDragSwitch = res.data[0].value
+							console.log('11111:',_this.mobileVideoDragText,_this.mobileVideoDragSwitch)
+						}
+					})
+				},
 			    /* 点击进度条更新视频播放进度
 			     */
 			    updateProgressByClickBar(type,value) {
@@ -172,14 +229,56 @@
 			    },
 				// 全屏+退出全屏
 				fullScreen(){
+					var _this = this
 					if(this.fullScreenFlag){
-						this.videoContext.exitFullScreen();
+						//this.videoContext.exitFullScreen();
 						this.fullScreenFlag=false;
+						// this.horizontalScreenFlag = true
+						this.videoFullHeight=190
+						
+						if(document && document.exitFullscreen){
+							
+							document.body.scrollTop = 0; // 对Safari
+							document.documentElement.scrollTop = 0; // 对Chrome, Firefox, IE 和 Opera
+							document.exitFullscreen();
+						}						
+						
 					}else{
-						this.videoContext.requestFullScreen();
+						//this.videoContext.requestFullScreen();
 						this.fullScreenFlag=true;
+						if(document.documentElement.requestFullscreen){
+							// document.documentElement.requestFullscreen();
+						}else{
+							window.screenTop(0)
+						}
+						uni.getSystemInfo({
+						  success: function (info) {
+						    _this.videoFullHeight=info.windowHeight/2 + 130;
+						    // 你可以在这里根据窗口高度进行后续操作
+						  }
+						});
 					}
 				},
+				// // 全屏模式下，横屏+竖屏
+				// horizontalScreen(){
+				// 	var _this = this
+				// 	if(this.horizontalScreenFlag){
+				// 		//this.videoContext.exitFullScreen();
+				// 		this.horizontalScreenFlag=false;
+				// 		// this.videoFullHeight=190
+						
+				// 	}else{
+				// 		//this.videoContext.requestFullScreen();
+				// 		this.horizontalScreenFlag=true;
+						
+				// 		// uni.getSystemInfo({
+				// 		//   success: function (info) {
+				// 		//     _this.videoFullHeight=info.windowHeight/2 + 130;
+				// 		//     // 你可以在这里根据窗口高度进行后续操作
+				// 		//   }
+				// 		// });
+				// 	}
+				// },
 				// 根据秒获取时间
 				formatSeconds(a) {
 					var hh = parseInt(a/3600);  
@@ -391,6 +490,9 @@
 				},
 				onEnded(){
 					this.playing=false;
+					if(this.fullScreenFlag){
+						this.fullScreen()
+					}
 					this.$emit('ended')
 				}
 		}
@@ -403,6 +505,31 @@
 		height: 100%;
 		position: relative;
 	}
+	.video-box-error{
+		width: 100%;
+		height: 110px;
+		padding: 55px 0;
+		background: #000000;
+		text-align: center;
+		display: flex;
+		align-items: center;
+		flex-wrap: wrap;
+	}
+	.video-full-screen{
+		position: fixed;
+		width: 100vw;
+		height: 100vh;
+		background: #000000;
+		z-index: 9999999;
+		display: flex;
+		align-items: center;
+	}
+	.video-scree-rotate{
+		transform: rotate(90deg);
+		// width: 100vw;
+		// height: 100vh;
+		position: fixed;
+	}
 	.screen{
 		position: relative;
 	}
@@ -443,7 +570,7 @@
 		width: 8%;
 	}
 	.controller-screen{
-		width: 10%;
+		// width: 10%;
 	}
 	.currtime{
 		color: #ffffff;
diff --git a/index.html b/index.html
index 460492b..496728a 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="UTF-8" />
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <!-- <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> -->
     <title><%= htmlWebpackPlugin.options.title %></title>
 	<style type="text/css">
diff --git a/pages/study/courseStudy.vue b/pages/study/courseStudy.vue
index 9b49596..d6412a5 100644
--- a/pages/study/courseStudy.vue
+++ b/pages/study/courseStudy.vue
@@ -491,7 +491,7 @@
 				scormUrl:'',
 				maxDuration:0, //非音频最大时长
 				cumulativeDuration:0, //非音频累计时长
-				defaultMaxTime:1800, //非音频默认最大时间
+				defaultMaxTime:1800 //非音频默认最大时间
 			}
 		},
 		computed: {
@@ -555,6 +555,7 @@
 		},
 		onShow(){
 			uni.setNavigationBarTitle({ title:'\u200E' })
+			
 			//实时渲染当前的播放状态
 		},
 		onReady() {
@@ -575,6 +576,7 @@
 			    getSysTypeTree:'sysType/getSysTypeTree',
 			    loadSysTypes:'sysType/loadSysTypes'
 			}),
+			
 			// 没有写播放时间
 		    onPlayerPlay() {
 			  this.playerBoxShow = false;
@@ -951,15 +953,15 @@
 				} else if(con.contentType==10 || con.contentType==20) {
 					if(con.content.startsWith('\{')){
 						var d = JSON.parse(con.content)
-						if(d.url=="/course/2024/4/1224670812274712576.mp4") d.isDrag = false
+						// if(d.url=="/course/2024/4/1224670812274712576.mp4") d.isDrag = false
 					    this.curriculumData=d;
 					}else{
 					   this.curriculumData.url=con.content;
 					}
 					console.log('this.curriculumData:::',this.curriculumData)
+					
 					this.blobUrl=this.fileBaseUrl+this.curriculumData.url;
-					this.blobId = con.id
-					//console.log(this.blobUrl,'this.blobUrl');
+					this.blobId = con.id;
 				}
 				//console.log(con.contentType,'con.contentType');
 				this.curContent=con;

From 9bc179c583fad910d3ae46596cf28273a25174e4 Mon Sep 17 00:00:00 2001
From: joshen <445497689@qq.com>
Date: Thu, 1 Aug 2024 14:39:21 +0800
Subject: [PATCH 4/4] video progress edit

---
 components/video-player/progress-bar.vue | 30 ++++---
 components/video-player/video-player.vue | 99 ++++++++++++++++++++----
 pages/study/courseStudy.vue              | 39 ++++++----
 3 files changed, 131 insertions(+), 37 deletions(-)

diff --git a/components/video-player/progress-bar.vue b/components/video-player/progress-bar.vue
index 9606c43..1391265 100644
--- a/components/video-player/progress-bar.vue
+++ b/components/video-player/progress-bar.vue
@@ -70,14 +70,14 @@ export default {
 	// });
     //绑定全局监听器
     window.addEventListener("touchmove", (e) => {
-		console.log("touchmove::",this.is_mousedown_progress)
+		//console.log("touchmove::",this.is_mousedown_progress)
       if (this.is_mousedown_progress) {
 			this.move(e);
 			e.preventDefault();
       }
     },{ passive: false });
     window.addEventListener("touchend", (e) => {
-		console.log("touchend::",this.is_mousedown_progress)
+		//console.log("touchend::",this.is_mousedown_progress)
       this.up(e);
 	  // e.preventDefault();
     });
@@ -97,9 +97,11 @@ export default {
 			this.current_height_px = e.touches[0].clientY - init_clientY;
 			// 设置当前的播放进度（同时作用于当前进度条的样式）
 			let current = (e.touches[0].clientY - init_clientY) / this.dom_full.clientWidth;
+			if(current>1) current = 1;
+			if(current<0) current = 0;
 			var time = localStorage.getItem('videoProgressData');
 			var arr = time&&JSON.parse(time) || {}
-			console.log('start::',e,this.isDrag,this.fullScreenFlag,time,arr[this.blobId] ,current,e.touches[0].clientY,init_clientY,this.dom_full.clientHeight,this.current_height_px,this.dom_full)
+			//console.log('start::',e,this.isDrag,this.fullScreenFlag,time,arr[this.blobId] ,current,e.touches[0].clientY,init_clientY,this.dom_full.clientHeight,this.current_height_px,this.dom_full)
 			// 禁止拖动
 			if(!this.isDrag && time && arr[this.blobId] < current) return;
 
@@ -112,9 +114,11 @@ export default {
 			this.current_width_px = e.touches[0].clientX - init_clientX;
 			// 设置当前的播放进度（同时作用于当前进度条的样式）
 			let current = (e.touches[0].clientX - init_clientX) / this.dom_full.clientWidth;
+			if(current>1) current = 1;
+			if(current<0) current = 0;
 			var time = localStorage.getItem('videoProgressData');
 			var arr = time&&JSON.parse(time) || {}
-			console.log('start::',e,this.isDrag,this.fullScreenFlag,time,arr[this.blobId] ,current,e.touches[0].clientX,init_clientX,this.dom_full.clientWidth)
+			//console.log('start::',e,this.isDrag,this.fullScreenFlag,time,arr[this.blobId] ,current,e.touches[0].clientX,init_clientX,this.dom_full.clientWidth)
 			// 禁止拖动
 			if(!this.isDrag && time && arr[this.blobId] < current) return;
 
@@ -128,9 +132,11 @@ export default {
 			let init_clientY = this.dom_full.getBoundingClientRect().top;
 			this.current_height_px = e.touches[0].clientY - init_clientY;
 			let current = (e.touches[0].clientY - init_clientY) / this.dom_full.clientWidth;
+			if(current>1) current = 1;
+			if(current<0) current = 0;
 			var time = localStorage.getItem('videoProgressData');
 			var arr = time&&JSON.parse(time) || {}
-			console.log('move::',e,this.isDrag,this.fullScreenFlag,time,arr[this.blobId] ,current,this.dom_full)
+			//console.log('move::',e,this.isDrag,this.fullScreenFlag,time,arr[this.blobId] ,current,this.dom_full)
 			// 禁止拖动
 			if(!this.isDrag && time && arr[this.blobId] < current) return;
 			this.$emit("updateProgress",'move', current);
@@ -139,9 +145,11 @@ export default {
 			let init_clientX = this.dom_full.getBoundingClientRect().left;
 			this.current_width_px = e.touches[0].clientX - init_clientX;
 			let current = (e.touches[0].clientX - init_clientX) / this.dom_full.clientWidth;
+			if(current>1) current = 1;
+			if(current<0) current = 0;
 			var time = localStorage.getItem('videoProgressData');
 			var arr = time&&JSON.parse(time) || {}
-			console.log('move::',e,this.isDrag,this.fullScreenFlag,time,arr[this.blobId] ,current)
+			//console.log('move::',e,this.isDrag,this.fullScreenFlag,time,arr[this.blobId] ,current)
 			// 禁止拖动
 			if(!this.isDrag && time && arr[this.blobId] < current) return;
 			this.$emit("updateProgress",'move', current);
@@ -157,9 +165,11 @@ export default {
 			// 全屏
 			// 松开鼠标后，即调整进度条后，此时的进度（0-1）
 			let current = this.current_height_px / this.dom_full.clientWidth;
+			if(current>1) current = 1;
+			if(current<0) current = 0;
 			var time = localStorage.getItem('videoProgressData');
 			var arr = time&&JSON.parse(time) || {}
-			console.log('up::',this.isDrag,this.fullScreenFlag,time,arr[this.blobId] ,current,this.dom_full)
+			//console.log('up::',this.isDrag,this.fullScreenFlag,time,arr[this.blobId] ,current,this.dom_full)
 			// 禁止拖动
 			if(!this.isDrag && time && arr[this.blobId] < current) return;
 			this.$emit("updateProgress",'end', current);
@@ -167,9 +177,11 @@ export default {
 			// 横屏
 			// 松开鼠标后，即调整进度条后，此时的进度（0-1）
 			let current = this.current_width_px / this.dom_full.clientWidth;
+			if(current>1) current = 1;
+			if(current<0) current = 0;
 			var time = localStorage.getItem('videoProgressData');
 			var arr = time&&JSON.parse(time) || {}
-			console.log('up::',this.isDrag,this.fullScreenFlag,time,arr[this.blobId] ,current)
+			//console.log('up::',this.isDrag,this.fullScreenFlag,time,arr[this.blobId] ,current)
 			// 禁止拖动
 			if(!this.isDrag && time && arr[this.blobId] < current) return;
 			this.$emit("updateProgress",'end', current);
@@ -204,7 +216,7 @@ export default {
   left: 0;
   top: 0;
   height: inherit;
-  width: 50%;
+  width: 0%;
   display: inline-block;
   background-color: var(--primaryColor);
 }
diff --git a/components/video-player/video-player.vue b/components/video-player/video-player.vue
index bb14083..0d96680 100644
--- a/components/video-player/video-player.vue
+++ b/components/video-player/video-player.vue
@@ -1,8 +1,9 @@
 <template>
 <view>
-	<view v-if="!xvideoBool" id="xvideoPlayer-box" :class="fullScreenFlag?'video-box video-full-screen':'video-box'">
+	<view v-if="!xvideoBool || xvideoBool&&drag" id="xvideoPlayer-box" :class="fullScreenFlag?'video-box video-full-screen':'video-box'">
+		<div style="color:#ffffff">{{currtimeText}}</div>
 		<!--webkit-playsinline playsinline x5-video-player-type="h5-page-->
-		<!-- <video id="xvideoPlayer" :class="fullScreenFlag?'video-scree-rotate':''" :style="{width: fullScreenFlag?videoPageHeight+'px':'100%',height: fullScreenFlag?videoPageWidth+'px': '','margin-left':fullScreenFlag?-1*(videoPageWidth/videoPageHeight*256)+'px':'','top':fullScreenFlag?videoPageHeight/2+'px':''}" -->
+		<!-- :src="url" <video id="xvideoPlayer" :class="fullScreenFlag?'video-scree-rotate':''" :style="{width: fullScreenFlag?videoPageHeight+'px':'100%',height: fullScreenFlag?videoPageWidth+'px': '','margin-left':fullScreenFlag?-1*(videoPageWidth/videoPageHeight*256)+'px':'','top':fullScreenFlag?videoPageHeight/2+'px':''}" -->
 		<video  id="xvideoPlayer" :class="fullScreenFlag?'video-scree-rotate':''" :style="{width: fullScreenFlag?videoPageHeight+'px':'100%',height: fullScreenFlag?videoPageWidth+'px': '','margin-left':fullScreenFlag?-1*(videoPageHeight-videoPageWidth)/2+'px':''}"
 			:src="url"
 			:controls="false"
@@ -19,7 +20,8 @@
 			@loadeddata="onLoad"
 			@loadedmetadata="onMetaLoad"
 			@controlstoggle="onControlsToggle"
-		></video>
+		>
+		</video>
 		<view id="xplayer-control">
 			<!-- <view class="process-container" v-if="contrlShow" :class="fullScreenFlag?'video-scree-rotate':''" :style="{width: fullScreenFlag?videoPageHeight+'px':'100%','margin-left':fullScreenFlag?'-320px':'','top':fullScreenFlag?'300px':videoFullHeight + 'px'}"> -->
 			<view class="process-container" v-if="contrlShow" :class="fullScreenFlag?'video-scree-rotate':''" :style="{width: fullScreenFlag?videoPageHeight*0.98+'px':'96%','margin-top':-1*videoPageHeight*0.02+'px','margin-left':fullScreenFlag?-1*(videoPageHeight-videoPageWidth)/2-174 - (videoPageWidth-375)/2+'px':'','bottom':fullScreenFlag?'auto':'0px'}">
@@ -72,7 +74,7 @@
 			</view>
 		</view>
 	</view>
-	<view v-if="xvideoBool"  class="video-box-error">
+	<view v-if="xvideoBool && !drag"  class="video-box-error">
 		<view style="color: #ffffff;padding: 0px 50px 0px;font-size: 16px;">{{mobileVideoDragText}}</view>
 		<button style="display: inline-block;font-size: 14px;padding: 0px 10px;line-height: 28px;" v-if="mobileVideoDragSwitch == 'true'" @click="xvideoBoolFun">仍要使用此浏览器观看</button>
 	</view>
@@ -151,6 +153,10 @@
 				// horizontalScreenFlag: true // 默认竖屏
 				mobileVideoDragSwitch: '', // 视频播放器扔要使用此浏览器观看
 				mobileVideoDragText: '', // 视频播放器妆容提示文本内容
+				currtimeText: 0,
+				currentTimeFormat: "00:00", // 当前播放进度的文字
+				fullTimeFormat: "00:00", // 视频总长度的文字
+				iosCurrentTime: 0, // ios里视频播放毫秒
 			};
 		},
 		computed: {
@@ -158,17 +164,34 @@
 		},
 		watch:{
 			url(newVal,oldVal){
+				//console.log( 'watch url:',newVal,oldVal,this.videoContext)
+				//document.getElementById('xvideoPlayer').style.display = 'none'
 				this.videoContext.stop();
 				this.playing=false;
+				this.curVideo.currentTime = 0;
+				this.iosCurrentTime = 0;
+				this.sliderValue = 0;
+				this.videoSpeed = 1.0;
+				this.currtime = "00:00";
+				document.getElementsByTagName('video')[0].load()
+				setTimeout(()=>{
+					document.getElementsByTagName('video')[0].play()
+				},100)
+
+				//this.videoContext.load();
+				//document.getElementById('xvideoPlayer').style.display = 'block'
+				//this.videoContext=uni.createVideoContext("xvideoPlayer", this);
 			},
 			inittime(newVal,oldVal){
 				this.initPlayingTime=newVal;
+				//console.log('inittime::',newVal,oldVal)
 			}
 		},
 		mounted() {
 			var _this = this
 			this.initPlayingTime=this.inittime;
 			this.videoContext=uni.createVideoContext("xvideoPlayer", this);
+			document.getElementsByTagName('video')[0].load()
 			uni.getSystemInfo({
 			  success: function (info) {
 				  //alert(info.windowWidth)
@@ -177,7 +200,27 @@
 				// 你可以在这里根据窗口高度进行后续操作
 			  }
 			});
-			this.dictCode();
+			if(this.xvideoBool) this.dictCode();
+			
+			// 每一秒更新进度条
+			setInterval(() => {
+			  // 定时更新进度条
+			 //  if (this.isPlaying && !this.isMousedownProgress) {
+				// this.currentProgress = this.videoContext.currentTime / this.videoContext.duration;
+			 //  }
+			 if (this.playing && !this.isMousedownProgress) {
+			 	this.iosCurrentTime = this.iosCurrentTime + 1
+				// this.sliderValue = this.iosCurrentTime/this.curVideo.duration * 100
+			 }
+			  // 定时更新进度的文字显示
+			  this.updateProgressText();
+			}, 1000);
+			//绑定全局监听器
+			window.addEventListener("touchstart", (e) => {
+				if(this.speedListShow && !e.target.closest('.speed-control')){
+					this.speedListShow = false
+				}
+			},{ passive: false });
 		},
 		methods: {
 				xvideoBoolFun(){
@@ -187,11 +230,9 @@
 				dictCode(){
 					var _this = this
 					apiManage.getDictCode('mobile_video_switch').then(res=>{
-						console.log('字典res::',res.code,res.data[0].name)
-						if(res.code==200){
+						if(res.code==200 && res.data[0]){
 							_this.mobileVideoDragText = res.data[0].name
 							_this.mobileVideoDragSwitch = res.data[0].value
-							console.log('11111:',_this.mobileVideoDragText,_this.mobileVideoDragSwitch)
 						}
 					})
 				},
@@ -207,6 +248,8 @@
 				   
 				   this.druationTime = this.formatSeconds(duration);
 				   this.currtime = this.formatSeconds(second);
+				   this.iosCurrentTime = second;
+				   //alert('1---this.currtime='+this.currtime)
 					// var duration=this.curVideo.duration;
 					// var second= value * duration;
 					if (duration) { //完成拖动后，计算对应时间并跳转到指定位置
@@ -214,7 +257,7 @@
 						if(type === 'start'){
 							this.updateState= false;
 						}
-					   if( type === 'end'){
+						if( type === 'end'){
 							this.videoContext.seek(second);
 							this.curVideo.currentTime = second;
 							this.updateState= true //完成拖动后允许更新滚动条
@@ -237,7 +280,6 @@
 						this.videoFullHeight=190
 						
 						if(document && document.exitFullscreen){
-							
 							document.body.scrollTop = 0; // 对Safari
 							document.documentElement.scrollTop = 0; // 对Chrome, Firefox, IE 和 Opera
 							document.exitFullscreen();
@@ -316,9 +358,9 @@
 				  },
 				// 播放进度变化时触发，event.detail = {currentTime, duration} 。触发频率 250ms 一次
 				videoUpdate(e) {
-
+					
 					this.historyTime = e.detail.currentTime
-
+					
 					let duration=this.curVideo.duration;
 					let sliderValue = e.detail.currentTime / duration * 100;
 					let second=sliderValue / 100 * duration;
@@ -335,11 +377,13 @@
 					}else{
 						
 					}
+					
 					// alert(this.sliderValue)
 					this.druationTime = this.formatSeconds(duration);
 					//console.log(this.druationTime,'this.druationTime');
 					this.currtime = this.formatSeconds(second);
-
+					this.iosCurrentTime = second;
+					// alert('2---this.currtime='+this.currtime)
 			   //    var time = localStorage.getItem('videoProgressData')
 			   //    //alert(1)
 			   //    if(time && !this.drag || !this.drag && !time ){
@@ -376,6 +420,7 @@
 					   this.updateState= true //完成拖动后允许更新滚动条
 					   this.druationTime = this.formatSeconds(duration);
 					   this.currtime = this.formatSeconds(second);
+					   //alert('3---this.currtime='+this.currtime)
 					}
 				},
 				onFullScreen(e) {
@@ -481,9 +526,37 @@
 					this.$emit('play')
 				},
 				onTimeUpdate(e){
+					this.currtimeText = this.currtimeText + 1
 					this.videoUpdate(e);
 					this.$emit('timeupdate',e)
 				},
+				/* 更新视频进度的文字显示
+				 */
+				updateProgressText() {
+					// console.log('updateProgressText this.videoContext::',this.videoContext,this.iosCurrentTime)
+				  this.currentTimeFormat = this.secondTimeFormat(this.iosCurrentTime);
+				  this.fullTimeFormat = this.secondTimeFormat(this.curVideo.duration);
+				},
+				/* 时间格式化，秒格式化成xx:xx:xx
+				 */
+				secondTimeFormat(second) {
+					if(second<0) second = 0;
+				  let result = parseInt(second);
+				  let h =
+					Math.floor(result / 3600) < 10
+					  ? "0" + Math.floor(result / 3600)
+					  : Math.floor(result / 3600);
+				  let m =
+					Math.floor((result / 60) % 60) < 10
+					  ? "0" + Math.floor((result / 60) % 60)
+					  : Math.floor((result / 60) % 60);
+				  let s =
+					Math.floor(result % 60) < 10
+					  ? "0" + Math.floor(result % 60)
+					  : Math.floor(result % 60);
+				  result = `${m}:${s}`; // ${h}:
+				  return result;
+				},
 				onPause() {
 					this.playing=false;
 					this.$emit('pause')
diff --git a/pages/study/courseStudy.vue b/pages/study/courseStudy.vue
index d6412a5..d326f7b 100644
--- a/pages/study/courseStudy.vue
+++ b/pages/study/courseStudy.vue
@@ -778,19 +778,24 @@
 			playContent(con,conIndex,catIndex){
 				
 				// 视频设置禁用处理逻辑,如果用户已全部观看完该视频，则设置为能全部拖动的逻辑，把isDrag设置为true即可,同时删除本地存储的数据
-
-		// 		if(con.progressVideo ===1){
-		// 		  var obj = JSON.parse(con.content)
-		// 		  obj.isDrag = true
-		// 		  con.content = JSON.stringify(obj)
+				if(con.progressVideo ===1){
+				  var obj = JSON.parse(con.content)
+				  obj.isDrag = true
+				  con.content = JSON.stringify(obj)
 		
-		// 		  var time = localStorage.getItem('videoProgressData')
-		// 		  var arr = time&&JSON.parse(time) || {}
-		// 		  alert(con.progressVideo+'--'+con.id + '--'+JSON.stringify(arr))
-		// 		  delete arr[con.id];
-		// 		  localStorage.setItem('videoProgressData',JSON.stringify(arr))
-		
-		// 		}
+				  var time = localStorage.getItem('videoProgressData')
+				  var arr = time&&JSON.parse(time) || {}
+				  //alert(con.progressVideo+'--'+con.id + '--'+JSON.stringify(arr))
+				  delete arr[con.id];
+				  localStorage.setItem('videoProgressData',JSON.stringify(arr))
+				}
+				if(con.progressVideo>0 && con.progressVideo !==1){
+				  var time = localStorage.getItem('videoProgressData')
+				  var arr = time&&JSON.parse(time) || {}
+				  arr[con.id] = con.progressVideo
+				  localStorage.setItem('videoProgressData',JSON.stringify(arr))
+				}
+				
 				console.log('更换播放内容 playContent::',con,conIndex,catIndex)
 				//对于需要控制学习顺序的
 				if(conIndex!=undefined && catIndex!=undefined) {
@@ -1554,8 +1559,7 @@
 				let intTime=parseInt(e.detail.currentTime);
 				if(intTime>this.videoPlayingTime){
 					this.videoPlayingTime=intTime;
-			 
-				  //判断是否完成
+					//判断是否完成
 					let completeType=this.curriculumData.completeSetup;
 					let completeSecond=this.curriculumData.second;
 					if(!completeSecond){
@@ -1579,6 +1583,7 @@
 				//以下是每隔10秒存储一下进度
 				let saveTime=Math.floor(intTime%10);
 				//console.log(intTime,saveTime,'aa',this.curContent.studyItemId)
+				console.log('3333:',this.preTime,intTime , saveTime,this.curContent.studyItemId)
 				if(this.preTime!=intTime && saveTime==0 && this.curContent.studyItemId!=''){
 					this.preTime=intTime;
 					this.curContent.lastStudyTime=intTime;
@@ -1593,13 +1598,14 @@
 					if(!this.curriculumData.isDrag && this.curContent.progressVideo !=1){
 					  var time = localStorage.getItem('videoProgressData')
 					  var arr = time&&JSON.parse(time) || {}
+					  console.log('this.curContent.progressVideo::',arr[this.blobId],this.curContent.progressVideo,arr[this.blobId])
 					  if(arr[this.blobId] && this.curContent.progressVideo<arr[this.blobId]) {
 						postData.progressVideo = arr[this.blobId]
 						postData.contentId = this.curContent.id
 						postData.courseId = this.curContent.courseId
 					  }
 					}
-					
+					//alert(intTime+'----'+this.videoPlayingTime)
 					apiCourseStudy.studyVideoTime(postData).then(rs=>{
 						if(rs.status!=200){
 						 console.log('记录播放时间错误');
@@ -1662,7 +1668,9 @@
 				//以下是每隔10秒存储一下进度
 				let saveTime=Math.floor(intTime%10);
 				//console.log(intTime,saveTime,'aa',this.curContent.studyItemId)
+				
 				if(this.preTime!=intTime && saveTime==0 && this.curContent.studyItemId!=''){
+					
 					this.preTime=intTime;
 					this.curContent.lastStudyTime=intTime;
 				  //记录播放时间
@@ -1680,6 +1688,7 @@
 						postData.courseId = this.curContent.courseId
 					  }
 					}
+					//alert(this.preTime!=intTime +'---'+ saveTime +'---'+ this.curContent.studyItemId)
 				  apiCourseStudy.studyVideoTime(postData).then(rs=>{
 				     if(rs.status!=200){
 				       console.log('记录播放时间错误');