From ff9de69585ee5e846d999fcf425a07f86c8205b6 Mon Sep 17 00:00:00 2001
From: daihh <seastar@bjxask.com>
Date: Thu, 17 Nov 2022 17:10:14 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=B5=8B=E8=AF=95=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/video-player/video-player.vue |  6 +++-
 pages/study/videoTest.vue                | 37 ++++++++++++------------
 2 files changed, 23 insertions(+), 20 deletions(-)

diff --git a/components/video-player/video-player.vue b/components/video-player/video-player.vue
index 5b6d635..590b1bc 100644
--- a/components/video-player/video-player.vue
+++ b/components/video-player/video-player.vue
@@ -1,6 +1,6 @@
 <template>
 	<video id="myVideo" style="width: 100%;"
-		:src="fileBaseUrl+coursewareInfo.content.content"
+		:src="url"
 		@error="videoErrorCallback" 
 		:initial-time="videoPlayingTime"
 		@play="onPlayerPlay"
@@ -40,6 +40,7 @@
 				fullScreenFlag: false,
 				currtime:'00:00:00',//当前播放时间 字符串 计算后
 				druationTime:'00:00:00',//总时间 字符串 计算后
+				videoPlayingTime:0,
 				bool:false,
 				sliderValue: 0, //控制进度条slider的值，
 				updateState: false, //防止视频播放过程中导致的拖拽失效
@@ -58,6 +59,9 @@
 					// this.fullScreenFlag ? this.bool=true : this.bool=false;
 					this.fullScreenFlag=!this.fullScreenFlag;
 				},
+				videoErrorCallback(e){
+					console.log(e,'播放错误');
+				},
 				// 根据秒获取时间
 				formatSeconds(a) {
 					var hh = parseInt(a/3600);  
diff --git a/pages/study/videoTest.vue b/pages/study/videoTest.vue
index 3ef17f7..a26a0fa 100644
--- a/pages/study/videoTest.vue
+++ b/pages/study/videoTest.vue
@@ -1,20 +1,19 @@
 <template>
 	<view>
 		<view>
-			<audio-player 
-				v-if="url2"
-				:src="url2" 
+			<video-player 
+				:url="fileUrl" 
 				:name="title" 
 				:drag="true"
-				@onPlay="audioPlay"
-				@onPause="audioPause"
-				@onPlaying="audioPlaying"
-				@onEnded="audioEnd">
-			</audio-player>
+				@onPlay="videoPlay"
+				@onPause="videoPause"
+				@onPlaying="videoPlaying"
+				@onEnded="videoEnd">
+			</video-player>
 		</view>
-		<view style="padding-top: 30px;display: flex;justify-content: center;">
+		<!-- <view style="padding-top: 30px;display: flex;justify-content: center;">
 			<button type="primary" @click="changeSrc">切换测试</button>
-		</view>
+		</view> -->
 	</view>
 </template>
 
@@ -22,35 +21,35 @@
 	export default{
 		data(){
 			return {
-				url2:'',
-				title:'',
+				fileUrl:'http:/127.0.0.1:9090/cdn/upload/course/2022/8/1013883711839379456.mp4',
+				title:'测试播放',
 				author:'',
 			}
 		},
 		mounted() {
-			this.startAudioPlay();
+			//this.startAudioPlay();
 		},
 		methods:{
 			startAudioPlay(){
-				this.url2='http://localhost:9090/cdn/upload/course/2022/5/979321410778959872.mp3';
+				this.fileUrl='http://localhost:9090/cdn/upload/course/2022/5/979321410778959872.mp3';
 				this.title='标题内容111';
 				this.author='作者信息';
 			},
 			changeSrc(){
-				this.url2='http://localhost:9090/cdn/upload/course/2022/4/964853684964700160.mp3';
+				this.fileUrl='http://localhost:9090/cdn/upload/course/2022/4/964853684964700160.mp3';
 				this.title='标题内容22';
 				this.author='作者信息';
 			},
-			audioPlay(){
+			videoPlay(){
 				console.log('audioPlay');
 			},
-			audioEnd(){
+			videoEnd(){
 				console.log('audioEnd');
 			},
-			audioPause(){
+			videoPause(){
 				console.log('audioPause');
 			},
-			audioPlaying(){
+			videoPlaying(){
 				console.log('audioPlaying');
 			}
 		}