推荐视频播放统计

pages/video/video.nvue

@@ -9,6 +9,8 @@
 					<video :show-fullscreen-btn="false" @controlstoggle="controlstoggles" object-fit="cover"
 						v-if="isShowVideo == item.courseDetailsId && item.videoUrl" :play-strategy="2"
 						:show-loading="true" codec="software" :muted="false" :show-center-play-btn="true" :loop="true"
+						@timeupdate="timeupdate"
+						@play="videoPlay('myVideo'+item.courseDetailsId, item.courseDetailsId)"
 						@ended="ended" :enable-progress-gesture="false" :poster="item.titleImg"
 						:ref="'myVideo'+item.courseDetailsId" :id="'myVideo'+item.courseDetailsId" :src="item.videoUrl"
 						:autoplay="item.autoPlay" class="swipers-items-video"></video>
@@ -164,6 +166,8 @@
 					'width': '750rpx',
 				},
 				isShowVideo: '',
+				playFlag: false
+
 			};
 		},
 		onShow() {
@@ -204,6 +208,38 @@
 			this.$forceUpdate()
 		},
 		methods: {
+			//播放时的回掉
+			videoPlay(videoId,courseDetailsId) {
+				this.courseDetailsId = courseDetailsId
+				if ( !this.playFlag ) {
+					this.playFlag = true
+					httpsRequest.getT('app/course/viewCourse', {
+						courseId: this.courseId,
+						courseDetailsId: courseDetailsId,
+						type: 'start'
+					}).then(res => {
+						console.log('播放开始')
+					})
+				}
+				
+			},
+			//播放进度变化回掉
+			timeupdate(e) {
+			
+				if (e.detail.currentTime > e.detail.duration*0.9) {
+					if ( this.playFlag) {
+						this.playFlag = false
+						httpsRequest.getT('app/course/viewCourse', {
+							courseId: this.courseId,
+							courseDetailsId: this.courseDetailsId,
+							type: 'end'
+						}).then(res => {
+							console.log('播放结束')
+						})
+					}
+				}
+				
+			},
 			appear(e, index) {
 				this.current = index
 				this.showControls = true

pages/video/video.vue

@@ -202,6 +202,8 @@
 				showControls: true, //是否显示控制中心
 				timerCon: null,
 				randomNum: 0,
+				playFlag: false,
+
 			};
 		},
 		computed: {
@@ -323,6 +325,7 @@
 			if (e.id) {
 				this.courseId = e.id
 			}
+			console.log(e)
 			if (e.courseDetailsId) {
 				this.courseDetailsId = e.courseDetailsId
 			}
@@ -485,6 +488,18 @@
 				// #ifdef H5
 				uni.hideLoading()
 				// #endif
+				if (e.detail.currentTime > e.detail.duration*0.9) {
+					if ( this.playFlag) {
+						this.playFlag = false
+						this.$Request.getT('app/course/viewCourse', {
+							courseId: this.courseId,
+							courseDetailsId: this.courseDetailsId,
+							type: 'end'
+						}).then(res => {
+							console.log('播放结束')
+						})
+					}
+				}
 			},
 			//缓冲中
 			waiting(e) {
@@ -681,6 +696,8 @@
 							}
 							if (this.page == 1) {
 								let numIdCurr = this.videoList[0].courseDetailsId;
+								this.courseId = this.videoList[0].courseId
+								this.courseDetailsId = this.videoList[0].courseDetailsId;
 								this.videoContextId = 'myVideo' + numIdCurr;
 
 								this.$nextTick(() => {
@@ -816,6 +833,8 @@
 						}
 					}
 				}
+				this.courseId = this.videoList[current].courseId
+				this.courseDetailsId = this.videoList[current].courseDetailsId
 				//获取当前播放的视频在菜单数组中的位置
 				let scrollIndex = this.meunList.findIndex(ite => ite.courseDetailsId == this.videoList[current]
 					.courseDetailsId);
@@ -860,7 +879,14 @@
 			},
 			//在播放时候的回调
 			videoPlay(videoId) {
-
+				this.$Request.getT('app/course/viewCourse', {
+					courseId: this.courseId,
+					courseDetailsId: this.courseDetailsId,
+					type: 'start'
+				}).then(res => {
+					this.playFlag = true
+					console.log('播放开始')
+				})
 			},
 			//监听视频播放完成
 			ended() {

pages/video/videoIOS.nvue

@@ -8,6 +8,8 @@
 					<video :show-fullscreen-btn="false" @controlstoggle="controlstoggles" object-fit="cover"
 						v-if="current === index && item.videoUrl" :play-strategy="2" :show-loading="true"
 						codec="software" :muted="false" :show-center-play-btn="true" :loop="true" @ended="ended"
+						@timeupdate="timeupdate"
+						@play="videoPlay('myVideo'+item.courseDetailsId, item.courseDetailsId)"
 						:enable-progress-gesture="false" :poster="item.titleImg" :ref="'myVideo'+item.courseDetailsId"
 						:id="'myVideo'+item.courseDetailsId" :src="item.videoUrl" :autoplay="item.autoPlay"
 						class="swipers-items-video"></video>
@@ -154,7 +156,9 @@
 				page: 1,
 				pages: 1,
 				limit: 5,
-				randomNum: 0
+				randomNum: 0,
+				playFlag: false
+				
 			};
 		},
 		watch: {
@@ -200,6 +204,38 @@
 			}
 		},
 		methods: {
+			//播放时的回掉
+			videoPlay(videoId,courseDetailsId) {
+				this.courseDetailsId = courseDetailsId
+				if ( !this.playFlag ) {
+					this.playFlag = true
+					httpsRequest.getT('app/course/viewCourse', {
+						courseId: this.courseId,
+						courseDetailsId: courseDetailsId,
+						type: 'start'
+					}).then(res => {
+						console.log('播放开始')
+					})
+				}
+				
+			},
+			//播放进度变化回掉
+			timeupdate(e) {
+			
+				if (e.detail.currentTime > e.detail.duration*0.9) {
+					if ( this.playFlag) {
+						this.playFlag = false
+						httpsRequest.getT('app/course/viewCourse', {
+							courseId: this.courseId,
+							courseDetailsId: this.courseDetailsId,
+							type: 'end'
+						}).then(res => {
+							console.log('播放结束')
+						})
+					}
+				}
+				
+			},
 			//显示/隐藏适配控制器的回调
 			controlstoggles(e) {
 				this.showControls = e.detail.show