From 3fe52975b5216d9b69916e2e16f1c6fe3a9e6e22 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=8B=E4=BA=8E=E5=88=9D=E8=A7=81?= <752204717@qq.com>
Date: Mon, 1 Jul 2024 14:28:39 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E5=88=86=E7=A6=BB=E8=AF=BE=E7=A8=8B?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8Evideo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .hbuilderx/launch.json            |    2 +-
 config/baseUrl.js                 |    8 +-
 pages/course/components/video.vue | 1112 +++++++++++++++
 pages/course/courseSet.vue        | 2137 +++++++++++++++--------------
 4 files changed, 2237 insertions(+), 1022 deletions(-)
 create mode 100644 pages/course/components/video.vue

diff --git a/.hbuilderx/launch.json b/.hbuilderx/launch.json
index dd7ee12..f81d5f4 100644
--- a/.hbuilderx/launch.json
+++ b/.hbuilderx/launch.json
@@ -24,7 +24,7 @@
             "type" : "uni-app:app-ios"
         },
         {
-            "playground" : "custom",
+            "playground" : "standard",
             "type" : "uni-app:app-android"
         }
     ]
diff --git a/config/baseUrl.js b/config/baseUrl.js
index 6018dfc..2964962 100644
--- a/config/baseUrl.js
+++ b/config/baseUrl.js
@@ -5,8 +5,8 @@ if (process.env.NODE_ENV === 'development') {
 	// baseUrl = "http://localhost:7001/";
 	// socketUrl = "ws://localhost:6001/";
 	// baseUrl = "https://twin-ui.com/demo/";
-	// baseUrl = "https://testapi.nuttyreading.com/"; // 线上测试环境
-	baseUrl = "https://api.nuttyreading.com/"; // 线上正式
+	baseUrl = "https://testapi.nuttyreading.com/"; // 线上测试环境
+	// baseUrl = "https://api.nuttyreading.com/"; // 线上正式
 	// baseUrl = "http://192.168.110.100:9200/pb/";    //  开发用电脑
 	// baseUrl = "http://59.110.212.44:9200/pb/";
 	// baseUrl = "http://192.168.110.100:9100/pb/";    //  开发用电脑
@@ -16,8 +16,8 @@ if (process.env.NODE_ENV === 'development') {
 } else if (process.env.NODE_ENV === 'production') {
 	// 生产环境11
 	// baseUrl = "http://59.110.212.44:9100/pb/";
-	// baseUrl = "https://testapi.nuttyreading.com/";
-	baseUrl = "https://api.nuttyreading.com/"; //1
+	baseUrl = "https://testapi.nuttyreading.com/";
+	// baseUrl = "https://api.nuttyreading.com/"; //1
 	// baseUrl = "ws://twin-ui.com:6001/";
 	// socketUrl = "ws://twin-ui.com:6001/";
 }
diff --git a/pages/course/components/video.vue b/pages/course/components/video.vue
new file mode 100644
index 0000000..e9532fb
--- /dev/null
+++ b/pages/course/components/video.vue
@@ -0,0 +1,1112 @@
+<template>
+  <view style="width: 100%; height: 100%">
+    <view
+      class="audio"
+      style="margin-bottom: 20rpx"
+      v-if="courseInfo.mediaType == 2 && courseInfo.media != ''"
+    >
+      <audio
+        style="text-align: left"
+        :src="courseInfo.media"
+        :poster="audioPoster"
+        :name="courseTitle"
+        author="吴门医述"
+        :action="audioAction"
+        controls
+      ></audio>
+    </view>
+    <view>
+      <view
+        class="container"
+        v-if="courseInfo.mediaType == 1 && courseInfo.media != ''"
+      >
+        <div
+          ref="videoContent"
+          @tap="renderScript.handleClick"
+          id="url-player-test"
+          :videoData="videoData"
+          :change:videoData="renderScript.receiveMsg"
+        ></div>
+      </view>
+    </view>
+    <div class="fullScreenButton-container">
+      <div
+        :class="`prism-fullscreen-btn ${isFullScreen ? 'fullscreen' : ''}`"
+        @tap="renderScript.changeVideoScreen"
+      ></div>
+    </div>
+  </view>
+</template>
+
+<script>
+// import musicPlay from '@/components/music.vue'
+import $http from "@/config/requestConfig.js";
+var clear;
+import { mapState } from "vuex";
+export default {
+  props: ["courseInfo"],
+  data() {
+    return {
+      isFullScreen: false,
+      playData: {},
+      Leve1: [],
+      Leve2: [],
+      Leve3: [],
+      options: {}, //上个页面获取的视频参数（视频id）
+      playAuth: "", //播放凭证
+      videoId: "", //阿里云视频id
+      videoData: {}, //阿里云视频其他参数
+      accordionVal: "",
+      // extraIcon:{
+      // 	color: '#4cd964',
+      // 	size: '100',
+      // }
+      scrollable: true,
+      treeList: [],
+      tagId: null,
+      pid: null,
+      bgiStyle: {
+        background: "#fff",
+      },
+      curTagIndex: 0,
+      leve1Index: null,
+      leve2Index: null,
+      leve3Index: null,
+      iconStyle: {
+        fontSize: "40rpx",
+        fontWeight: "bold",
+        color: "#258feb",
+      },
+      tabList: [],
+      activeStyle: {
+        color: "#fff",
+        fontWeight: "bold",
+        padding: "20rpx",
+        transform: "scale(1.2)",
+        backgroundColor: "#ef9f00",
+      },
+
+      poster: "../../static/videoF.jpg", //封面图
+      audioPoster: "../../static/logo.png",
+      current: {
+        // poster: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/music-a.png',
+        // name: '致爱丽丝',
+        // author: '暂无',
+        // src: 'https://web-ext-storage.dcloud.net.cn/uni-app/ForElise.mp3',
+      },
+      audioAction: {
+        method: "pause",
+      },
+      curId: null,
+      courseTitle: "",
+      showTemp: true,
+      videoContext: null,
+
+      videoUrl:
+        "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4",
+    };
+  },
+  //第一次加载
+  onLoad(e) {
+    // 隐藏原生的tabbar
+    uni.hideTabBar();
+    this.pid = e.pid;
+    this.tagId = e.id;
+    console.log(e, "------");
+    this.videoContext = uni.createVideoContext("myVideo");
+  },
+  computed: {
+    ...mapState(["userInfo"]),
+    videoHTML() {
+      return `<video class="video-box" poster="http://ehh-public-01.oss-cn-beijing.aliyuncs.com/wumenyishu-image/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240606110049.jpg" src="${this.videoUrl}"  enable-danmu danmu-btn controls style="width:100%;height:320rpx"></video>`;
+    },
+  },
+  //页面显示
+  onShow() {
+    // 隐藏原生的tabbar
+    uni.hideTabBar();
+    // this.getData();
+  },
+  onUnload() {
+    // #ifdef APP-PLUS
+    plus.screen.lockOrientation("portrait-primary"); // 清除横屏
+    // #endif
+    this.showTemp = true;
+    this.videoContext = null;
+  },
+  onPullDownRefresh() {
+    uni.stopPullDownRefresh();
+  },
+  components: {
+    // musicPlay
+  },
+  //方法
+  methods: {
+    async initVideo(data) {
+      this.videoContext = null;
+      this.videoContext = uni.createVideoContext("myVideo");
+      this.videoId = data.videoId;
+      this.playAuth = await this.getVideoPath(data.videoId);
+      await this.getLive(this.playAuth);
+    },
+    async initAudio() {},
+    getLive(playAuthsss) {
+      //playAuth 是播放凭证 通过后端自己根据api去获取，返回时不知道为什么结束会带有 = 有时候甚至是2个 所以要截取等号 不然不能播放
+      var playAuth = this.playAuth.replace(/=/g, "");
+      // var playAuth = playAuthsss
+      this.videoData = {
+        // ...res.video,//视频其他信息
+        type: 1,
+        videoId: this.videoId, //阿里云视频id
+        playAuth: playAuth, //阿里云播放凭证
+      };
+      console.log("得到播放凭证");
+      this.playAuth = playAuth;
+      this.$forceUpdate();
+    },
+    tabChange(e) {
+      console.log(e, "e");
+      let _index = e.index;
+      this.clickCourseInfo(this.treeList[_index]);
+      this.curTagIndex = _index;
+      this.leve1Index = null;
+      this.leve2Index = null;
+      this.leve3Index = null;
+      if (
+        this.treeList[_index].isLast == 0 &&
+        this.treeList[_index].children.length > 0
+      ) {
+        this.Leve1 = this.treeList[_index].children;
+        this.Leve2 = [];
+        this.Leve3 = [];
+        // if(this.Leve1[0].isLast == 0 && this.Leve1[0].children.length > 0){
+        // 	this.Leve2 = this.Leve1[0].children
+        // 	this.Leve3 = []
+        // 	// console.log(this.Leve2,'Leve2');
+        // 	if(this.Leve2[0].isLast == 0 && this.Leve2[0].children.length > 0){
+        // 		this.Leve3 = this.Leve2[0].children
+        // 	}else{
+        // 		this.Leve3 = []
+        // 	}
+        // }else{
+        // 	this.Leve2 = []
+        // 	this.Leve3 = []
+        // }
+      } else {
+        this.Leve1 = [];
+        this.Leve2 = [];
+        this.Leve3 = [];
+      }
+    },
+    leve1Click(val, index) {
+      console.log(this.Leve1[index], "val");
+      this.leve1Index = index;
+      this.leve2Index = null;
+      this.leve3Index = null;
+      this.clickCourseInfo(val);
+      if (
+        this.Leve1[index].isLast == 0 &&
+        this.Leve1[index].children.length > 0
+      ) {
+        this.Leve2 = this.Leve1[index].children;
+        // console.log(this.Leve2,'Leve2');
+        this.Leve3 = [];
+      } else {
+        this.Leve2 = [];
+        this.Leve3 = [];
+      }
+    },
+    leve2Click(val, index) {
+      this.leve2Index = index;
+      if (this.leve1Index == null) {
+        this.leve1Index = 0;
+      }
+      this.leve3Index = null;
+      // console.log(val,'三级点击');
+      this.clickCourseInfo(val);
+      if (
+        this.Leve2[index].isLast == 0 &&
+        this.Leve2[index].children.length > 0
+      ) {
+        this.Leve3 = this.Leve2[index].children;
+      } else {
+        this.Leve3 = [];
+      }
+    },
+    leve3Click(val, index) {
+      this.leve3Index = index;
+      // console.log(val,'四级点击');
+      if (this.leve2Index == null) {
+        this.leve2Index = 0;
+      }
+      if (this.leve1Index == null) {
+        this.leve1Index = 0;
+      }
+      this.clickCourseInfo(val);
+      // if(this.Leve3[index].isLast == 0){
+      // 	this.Leve3 = this.Leve2[index].children
+      // }
+    },
+
+    formatRichText(html) {
+      //控制图片大小
+      let newContent = html.replace(/<img[^>]*>/gi, function (match, capture) {
+        match = match
+          .replace(/style="[^"]+"/gi, "")
+          .replace(/style='[^']+'/gi, "");
+        match = match
+          .replace(/width="[^"]+"/gi, "")
+          .replace(/width='[^']+'/gi, "");
+        match = match
+          .replace(/height="[^"]+"/gi, "")
+          .replace(/height='[^']+'/gi, "");
+        return match;
+      });
+      newContent = newContent.replace(
+        /style="[^"]+"/gi,
+        function (match, capture) {
+          match = match
+            .replace(/width:[^;]+;/gi, "max-width:100%;")
+            .replace(/width:[^;]+;/gi, "max-width:100%;");
+          return match;
+        }
+      );
+      newContent = newContent.replace(/<br[^>]*\/>/gi, "");
+      newContent = newContent.replace(
+        /\<img/gi,
+        '<img style="max-width:100%;height:auto;display:inline-block;margin:10rpx auto;"'
+      );
+      return newContent;
+    },
+    getData() {
+      this.$http
+        .post("medical/home/getCourseMedicalTree")
+        .then((res) => {
+          if (res.code == 0 && res.labels.length > 0) {
+            this.tabList = [];
+            this.treeList = res.labels;
+            if (this.tagId && this.pid) {
+              res.labels.forEach((item, index) => {
+                this.tabList.push({
+                  id: item.id,
+                  name: item.title,
+                });
+                if (item.id == this.pid) {
+                  this.curTagIndex = index;
+                  console.log(this.curTagIndex);
+                }
+              });
+              this.getCourseInfo(this.tagId);
+            } else {
+              this.curTagIndex = 0;
+              this.leve1Index = null;
+              this.getCourseInfo(this.treeList[0].id);
+            }
+            // this.treeList = res.labels
+            if (
+              this.treeList[this.curTagIndex].isLast == 0 &&
+              this.treeList[this.curTagIndex].children.length > 0
+            ) {
+              this.Leve1 = this.treeList[this.curTagIndex].children;
+              if (this.tagId) {
+                this.Leve1.forEach((item, index) => {
+                  if (item.id == this.tagId) {
+                    this.leve1Index = index;
+                  }
+                });
+                if (
+                  this.Leve1[this.leve1Index].isLast == 0 &&
+                  this.Leve1[this.leve1Index].children.length > 0
+                ) {
+                  this.Leve2 = this.Leve1[this.leve1Index].children;
+                  // console.log(this.Leve2,'Leve2');
+                  // if(this.Leve2[0].isLast == 0 && this.Leve2[0].children.length > 0){
+                  // 	this.Leve3 = this.Leve2[0].children
+                  // }else{
+                  // 	this.Leve3 = []
+                  // }
+                } else {
+                  this.Leve2 = [];
+                  this.Leve3 = [];
+                }
+              } else {
+                this.leve1Index = null;
+                this.Leve2 = [];
+                this.Leve3 = [];
+              }
+            } else {
+              this.Leve1 = [];
+              this.Leve2 = [];
+              this.Leve3 = [];
+            }
+            res.labels.forEach((item) => {
+              this.tabList.push({ id: item.id, name: item.title });
+            });
+            // /this.getCourseInfo(this.treeList[0].id)
+            // console.log(this.treeList[0].id,'+++++')
+            // this.showDrawer('showRight')
+          } else {
+            this.treeList = [];
+          }
+        })
+        .catch((e) => {
+          console.log(e, "报错");
+        });
+    },
+    // 获取课程详情
+    getCourseInfo(id) {
+      $http
+        .request({
+          url: "medical/home/getCourseMedicalDetail",
+          method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
+          data: {
+            id: id,
+          },
+          header: {
+            //默认 无 说明：请求头
+            "Content-Type": "application/json",
+          },
+        })
+        .then(async (res) => {
+          if (res.code == 0 && res.course.id) {
+            this.courseInfo = res.course;
+            this.courseTitle = this.courseInfo.title + "课程说明";
+            this.curId = id;
+            if (this.courseInfo.mediaType == 1 && this.courseInfo.media != "") {
+              this.videoId = this.courseInfo.media;
+              this.playAuth = await this.getVideoPath(this.courseInfo.media);
+              this.getLive(this.playAuth);
+            } else {
+              // this.videoUrl = ''
+              this.poster = "";
+            }
+
+            // console.log(id, 'id')
+          } else {
+            this.courseInfo = {};
+            this.videoUrl = "";
+            this.poster = "";
+          }
+        })
+        .catch((e) => {
+          this.courseInfo = {};
+          this.courseTitle = "";
+          this.curId = null;
+          this.poster = "";
+          this.videoUrl = "";
+          console.log(e, "课程详情报错");
+        });
+    },
+    // 获得播放地址
+    async getVideoPath(str) {
+      // console.log(str, 'str');
+      let path = "";
+      await $http
+        .request({
+          url: "medical/course/checkVideoByMD",
+          method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
+          data: {
+            id: str,
+          },
+          header: {
+            //默认 无 说明：请求头
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            // console.log(res, 'res');
+            path = res.playAuth;
+          }
+        })
+        .catch((e) => {
+          console.log(e, "获取视频播放地址错误");
+        });
+      return path;
+    },
+    clickCourseInfo(item) {
+      this.getCourseInfo(item.id);
+    },
+    playEnd() {
+      this.showTemp = true;
+    },
+    clickToPlay() {
+      this.showTemp = false;
+      this.videoContext.play();
+    },
+  },
+};
+</script>
+<script module="renderScript" lang="renderjs">
+import $ from 'jquery'
+//  import StaticADComponent from './staticadcomponent/index.js';
+/**
+ * 静态广告组件
+ */
+
+export default {
+	/**
+	 * 静态广告组件
+	 */
+
+	components: {
+		// MyComponent
+	},
+	mounted() {
+		// 在适合的生命周期，通过script和link标签引入播放器sdk、css
+		console.log(this.options, '这是monted')
+		this.loadWebPlayerSDK()
+		this.loadComponent()
+	},
+	beforeDestroy() {
+
+	    if (this.player) {
+	      this.player.dispose()
+	      this.player = null
+	    }
+	  },
+	data() {
+		return {
+			player: null,
+			curTime: null,
+			curStatus: null,
+			// currentTime:null,
+		}
+	},
+
+
+	watch: {
+
+		curTime(val) {
+			// if (this.curTime !== null && this.curStatus !== null) {
+			// 	this.$refs.videoContent1.click()
+			// }
+		}
+	},
+
+	methods: {
+
+		handleClick(event, ownerInstance) {
+			console.log('event at line 165:', event)
+			//             this.player.on('ready',function(){
+			//    var status=  this.player.fullscreenService.getIsFullScreen()
+			//    console.log('status at line 403:', status)
+			// console.log('触发点击事件',status))
+			//   })
+
+			// ownerInstance.callMethod('getData')
+
+		},
+		emitData(event, ownerInstance) {
+			var that = this;
+
+			ownerInstance.callMethod('recordTime', {
+				time: that.curTime,
+				status: that.curStatus
+			})
+
+		},
+		changeVideoScreen(event, ownerInstance) {
+			var that = this;
+			// this.$emit('changeScreenLoading',true)
+			var status = this.player.fullscreenService.getIsFullScreen();
+
+
+
+			ownerInstance.callMethod('screenChange', {
+				status: status,
+				primary: status ? 'portrait' : 'landscape'
+			})
+
+
+			if (status) {
+
+
+
+				setTimeout(() => {
+					plus.screen.lockOrientation("portrait-primary"); //锁死屏幕方向为竖屏
+					this.player.fullscreenService.cancelFullScreen();
+					// this.$emit('changeScreenLoading',false);
+
+
+				}, 100);
+
+
+				// this.player.setPlayerSize('100%','200px');
+
+
+
+
+			} else {
+
+				//               this.player.setPlayerSize({
+				//   w:"400px",
+				//   height:'60%'
+				//  });
+				// plus.screen.unlockOrientation();
+				this.player.fullscreenService.requestFullScreen();
+				setTimeout(() => {
+					// this.$emit('changeScreenLoading',false);
+					plus.screen.lockOrientation("landscape-primary");
+
+				}, 100);
+
+			}
+		},
+		endEmitData(event, ownerInstance) {
+			var that = this;
+
+			ownerInstance.callMethod('handleEnd', )
+		},
+		getLive() {
+			if (this.videoData.type == 1) {
+				var fullScreenButtonComponent = Aliplayer.Component({
+					/**
+					 * 初始函数，在new对象时调用
+					 *
+					 * @param {string} adAddress - 广告视频地址
+					 * @param {string} toAddress - 广告链接地址
+					 */
+					init: function(status, toAddress) {
+
+						this.fullScreenStatus = status
+						// this.adAddress = adAddress;
+						// this.toAddress = toAddress;
+
+						this.$html = $('.fullScreenButton-container');
+						// this.$html.hide();
+					},
+
+					/**
+					 * 创建广告Dom元素
+					 */
+					createEl: function(el) {
+
+
+						this.$html.find('.ad').attr('src', this.adAddress);
+						var $adWrapper = this.$html.find('.ad-wrapper');
+						$adWrapper.attr('href', this.toAddress);
+						$adWrapper.click(function() {
+							// Aliplayer.util.stopPropagation();
+						});
+						// this.$html.find('.close').click(function () {
+						//   this.$html.hide();
+						// });
+						// $(el).find('.prism-controlbar').append(this.$html);
+						$(el).find('.prism-time-display').after(this.$html);
+					},
+					ready: function(player, e) {
+						// this.$html.hide()
+					},
+					/**
+					 * 隐藏广告
+					 */
+					play: function(player, e) {
+						// this.$html.show();
+					},
+					/**
+					 * 显示广告
+					 */
+					pause: function(player, e) {
+						// this.$html.show();
+					},
+					/**
+					 * 隐藏广告
+					 */
+					playing: function(player, e) {
+						this.$html.show();
+						// this.$html.hide();
+					},
+					waiting: function(player, e) {
+						// this.$html.hide()
+					},
+					timeupdate: function(player, e) {},
+					error: function(player, e) {},
+					/**
+					 * 显示广告
+					 */
+					ended: function(player, e) {
+						// this.$html.show();
+					}
+				});
+
+				console.log('this.currentVideoList at line 456111111111111111111111:', this.videoList)
+				var player = new Aliplayer({
+					id: "url-player-test",
+					"vid": this.videoData.videoId, // 必选参数，可以通过点播控制台（路径：媒资库>音/视频）查询。示例：1e067a2831b641db90d570b6480f****。
+					"playauth": this.videoData.playAuth, // 必选参数，参数值可通过调用GetVideoPlayAuth接口获取。
+					"encryptType": 1, // 必选参数，当播放私有加密流时需要设置本参数值为1。其它情况无需设置。
+					"playConfig": {
+						"EncryptType": 'AliyunVoDEncryption'
+					},
+					width: '100%', //容器的大小
+					// videoWidth: '100vw', //容器的大小
+					// videoHeight: '100vh', //容器的大小
+					height: '200px', //容器的大小
+					playsinline: true,
+					controlBarVisibility: "click",
+					cover: "http://ehh-public-01.oss-cn-beijing.aliyuncs.com/wumenyishu-image/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240606110049.jpg",
+					autoplay: false,
+					components: [
+						//                   {
+						//   name: 'BulletScreenComponent',
+						//   type: AliPlayerComponent.BulletScreenComponent,
+						//   /** Descriptions of the scrolling text component parameters: text, style, bulletPosition
+						//    * text: The scrolling text
+						//    * style: The style of the scrolling text
+						//    * bulletPosition: The position of the scrolling text. Valid values: 'top', 'bottom', and 'random'. The default is 'random'.
+						//    */
+						//   args: ['本课程版权归天津众妙之门科技有限公司所有，翻版必究!', {fontSize: '16px', color: 'red',}, 'random']
+						// },
+						{
+							name: 'adComponent',
+							type: fullScreenButtonComponent,
+							args: [
+								'http://101.201.146.165:8088/Pf-EH/statics/uploadFile/2024-05-10/b0f420c7-9178-41ad-9dd6-f59a64a6e190.png']
+						},
+
+
+
+						// {
+						//   name: 'RotateMirrorComponent',
+						//   type: AliPlayerComponent.RotateMirrorComponent
+						// },
+
+
+					],
+
+					skinLayout: [{
+							name: "bigPlayButton",
+							align: "blabs",
+							x: 30,
+							y: 80
+						},
+						{
+							name: "H5Loading",
+							align: "cc"
+						},
+						{
+							name: "errorDisplay",
+							align: "tlabs",
+							x: 0,
+							y: 0
+						},
+						{
+							name: "infoDisplay"
+						},
+						{
+							name: "tooltip",
+							align: "blabs",
+							x: 0,
+							y: 56
+						},
+						{
+							name: "thumbnail"
+						},
+						{
+							name: "controlBar",
+							align: "blabs",
+							x: 0,
+							y: 0,
+							children: [{
+									name: "progress",
+									align: "blabs",
+									x: 0,
+									y: 44
+								},
+								{
+									name: "playButton",
+									align: "tl",
+									x: 15,
+									y: 12
+								},
+								{
+									name: "timeDisplay",
+									align: "tl",
+									x: 10,
+									y: 7
+								},
+								// {name: "fullScreenButton", align: "tr", x: 10, y: 12},
+								// {name:"subtitle", align:"tr",x:15, y:12},
+								{
+									name: "setting",
+									align: "tr",
+									x: 15,
+									y: 12
+								},
+								{
+									name: "prism-speed-selector",
+									align: "tr",
+									x: 15,
+									y: 12
+								},
+								{
+									name: "volume",
+									align: "tr",
+									x: 5,
+									y: 10
+								}
+							]
+						}
+					]
+
+				}, function(player) {
+
+
+
+				});
+
+
+
+				this.player = player;
+				this.$refs.videoContent.click()
+
+				// var timer = setInterval(() => {
+				// 	var that = this;
+				// 	that.curTime = parseInt(this.player.getCurrentTime());
+				// 	that.curStatus = this.player.getStatus()
+
+				// }, 1000);
+				// player.on('ready',function(){
+				//      player.fullscreenService.requestFullScreen()
+
+				//   })
+				this.player.on('ended', function() {
+					console.log('that.curTime at line 242:', this.curTime)
+					console.log('that.curStatus at line 210:', this.curStatus)
+					// this.$refs.videoContent2.click()
+
+				})
+			}
+
+
+			// player.setRotate(90)
+
+			//全屏播放
+
+			// player.one('canplay', function() {
+			//     // console.log('canplay', this.player.tag);
+			//     player.tag.play();
+
+			// });
+
+
+
+		},
+		receiveScreenType(newValue) {
+			console.log('newValue at line 427屏幕方向111111111111:', newValue)
+
+		},
+		receiveFirstTime(newValue, oldValue, ownerVm, vm) {
+			// //数据变化
+
+			console.log('newValue111', newValue)
+
+			console.log('vm4444', vm)
+			console.log('this.firstTime at line 215:', newValue)
+			if (this.player) {
+				this.player.seek(newValue);
+			}
+
+
+		},
+		receiveVideoList(newValue, oldValue, ownerVm, vm) {
+			// //数据变化
+
+			console.log('currentVideoListcurrentVideoListcurrentVideoList', newValue)
+
+		},
+		receiveMsg(newValue, oldValue, ownerVm, vm) {
+			//数据变化
+			// console.log('newValue', newValue)
+			if(newValue.playAuth){
+				this.checkValue();
+			}
+
+			// console.log('oldValue', oldValue)
+			// console.log('ownerVm', ownerVm)
+			// console.log('vm', vm)
+		},
+		receiveWinWidth(newValue, oldValue, ownerVm, vm) {
+			//数据变化
+			console.log('newValue', newValue)
+			// console.log('oldValue', oldValue)
+			// console.log('ownerVm', ownerVm)
+			// console.log('vm', vm)
+		},
+		receiveWinHeight(newValue, oldValue, ownerVm, vm) {
+			//数据变化
+			console.log('newValue', newValue)
+			// console.log('oldValue', oldValue)
+			// console.log('ownerVm', ownerVm)
+			// console.log('vm', vm)
+		},
+		checkValue() {
+			console.log(this.videoData, "1111888888")
+			if (!this.videoData) {
+				// if (!this.videoData.playAuth) {
+				setTimeout(() => {
+					this.checkValue();
+				}, 1000);
+			} else {
+
+				console.log('this.videoList at line 这是这只只是594:', this.currentVideoList)
+				this.getLive();
+			}
+		},
+		loadWebPlayerSDK() {
+			return new Promise((resolve, reject) => {
+
+				const s_tag = document.createElement('script'); // 引入播放器js
+				s_tag.type = 'text/javascript';
+				s_tag.src = 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.20.3/aliplayer-min.js';
+				s_tag.charset = 'utf-8';
+				s_tag.onload = () => {
+					const s_tag1 = document.createElement('script'); // 引入播放器js
+					s_tag1.type = 'text/javascript';
+					s_tag1.src =
+						'https://player.alicdn.com/aliplayer/presentation/js/aliplayercomponents.min.js';
+					s_tag1.charset = 'utf-8';
+					s_tag1.onload = () => {
+						// this.checkValue();
+						resolve();
+
+					}
+					document.body.appendChild(s_tag1);
+
+				}
+				document.body.appendChild(s_tag);
+
+
+
+				const l_tag = document.createElement('link'); // 引入播放器css
+				l_tag.rel = 'stylesheet';
+				l_tag.href =
+					'https://g.alicdn.com/apsara-media-box/imp-web-player/2.20.3/skins/default/aliplayer-min.css';
+
+
+
+				document.body.appendChild(l_tag);
+			});
+		},
+		loadComponent() {
+			// return new Promise((resolve, reject) => {
+			//     const s_tag = document.createElement('script');
+			//     s_tag.type = 'text/javascript';
+			//     // 需要先下载组件 js 文件，放到项目 /static/ 目录下
+			//     // 下载地址：https://github.com/aliyunvideo/AliyunPlayer_Web/blob/master/customComponents/dist/aliplayer-components/aliplayercomponents-1.0.9.min.js
+			//     s_tag.src = '@/static/aliplayercomponents.js';
+			//     s_tag.charset = 'utf-8';
+			//     s_tag.onload = () => {
+			//         resolve();
+			//     }
+			//     document.body.appendChild(s_tag);
+			// });
+		}
+	}
+}
+</script>
+
+<style>
+.fullScreenButton-container {
+  color: #fff;
+  float: right;
+  height: 35px;
+  margin-top: 6px;
+  margin-right: 5px;
+  display: flex;
+  align-items: center;
+  position: relative;
+  i {
+    color: #fff;
+    display: inline-block;
+    font-size: 22px;
+    display: block;
+    margin-top: 7px;
+    cursor: pointer;
+    & + i {
+      margin-left: 3px;
+    }
+    @media (min-width: 768px) {
+      &:hover + .player-tooltip {
+        display: block;
+      }
+    }
+  }
+}
+</style>
+<style lang="scss" scoped>
+@import "@/style/mixin.scss";
+
+::v-deep .containerBg {
+  .uni-audio-default {
+    width: 100% !important;
+  }
+  #myVideo {
+    width: 100% !important;
+  }
+  video {
+    width: 100% !important;
+  }
+}
+.flexbox {
+  display: flex;
+}
+.subItem {
+  background-color: #ebeef5;
+  padding: 10rpx;
+  flex-wrap: wrap;
+  justify-content: start;
+  text {
+    display: inline-block;
+    width: calc(25% - 8rpx);
+    text-align: center;
+    border-radius: 10rpx;
+    color: #258feb;
+    padding: 10rpx 20rpx;
+    border: 1px solid #258feb;
+    margin: 6rpx 0;
+    font-size: 26rpx;
+    margin-right: 10rpx;
+  }
+  text:last-child {
+    margin-right: 0 !important;
+  }
+  .cur {
+    background: #258feb;
+    display: inline-block;
+    color: #fff;
+    border-radius: 10rpx;
+    padding: 10rpx 20rpx;
+  }
+}
+.close {
+  display: flex;
+  justify-content: right;
+  padding-top: 60rpx;
+  padding-right: 20px;
+}
+.infoBox {
+  padding: 20rpx;
+  font-size: 26rpx;
+}
+
+// 	  .leve2{background-color: #71a5ff; }
+// 	  .leve3{background-color: #9bbeff; }
+// .leve4{background-color: #b6d0ff; }
+.containerBg {
+  // background-color: $containerColor;
+  background-color: #fff;
+  padding: 0 20rpx;
+  min-height: calc(100vh - 270rpx);
+}
+
+.uni-collapse-item__title-text {
+  font-size: 30rpx;
+}
+
+.videoTemp {
+  position: relative;
+
+  .u-icon {
+    position: absolute;
+    z-index: 2;
+    left: calc(50% - 40rpx);
+    top: calc(50% - 40rpx);
+  }
+
+  image {
+    width: 100%;
+  }
+}
+
+.videoTemp:before {
+  content: "";
+  display: block;
+  width: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 1;
+}
+
+.proTitle {
+  text-align: center;
+  padding: 20rpx 0;
+  margin-top: 60rpx;
+  // margin-bottom: 20rpx;
+  color: #666;
+  font-size: 26rpx;
+}
+
+.sub1List {
+  background-color: #f7f7f7;
+  // padding-left: 20rpx;
+}
+
+.content {
+  .item {
+    background-color: #fff;
+    line-height: 80rpx;
+    font-size: 26rpx;
+    color: #497387;
+    // border-bottom: 1px solid #dae8f0;
+
+    text {
+      padding-left: 20rpx;
+    }
+    .item:last-child {
+      border-bottom: 0;
+    }
+  }
+
+  .item.active {
+    // background-color: #aed1ec;
+    color: #fff;
+    background-image: linear-gradient(
+      90deg,
+      #258feb 0%,
+      #00e1ec 100%
+    ) !important;
+  }
+  .textss {
+    display: inline-block;
+    width: 100%;
+    border-bottom: 1px solid #ebeef5;
+  }
+  .leve2 {
+    .textss {
+      padding-left: 20rpx;
+    }
+  }
+  .leve2 {
+    .textss {
+      padding-left: 40rpx;
+    }
+  }
+  .leve3 {
+    .textss {
+      padding-left: 60rpx;
+    }
+  }
+  .leve4 {
+    .textss {
+      padding-left: 80rpx;
+    }
+  }
+}
+// .textss:last-child{
+// 			border-bottom: 0;
+// 		}
+.topRight {
+  margin-right: 20rpx;
+  font-size: 28rpx;
+  display: flex;
+}
+
+audio {
+  width: 100% !important;
+}
+</style>
diff --git a/pages/course/courseSet.vue b/pages/course/courseSet.vue
index fb55f09..1173bba 100644
--- a/pages/course/courseSet.vue
+++ b/pages/course/courseSet.vue
@@ -1,1052 +1,1155 @@
 <template>
-	<view>
-		<!-- 公共组件-每个页面必须引入 -->
-		<public-module></public-module>
-		<z-nav-bar :title="courseInfo.id ? courseTitle : '课程说明'">			
-				<!-- <uni-icons type="bars" class="topRight" slot="right" @click="showDrawer('showRight')"   size="22"></uni-icons> -->
-		</z-nav-bar>
-			<view class="" style="background: #55aaff;">
-				<u-tabs  :class="['tabList']" @click="tabChange" :current="curTagIndex"
-					:activeStyle="activeStyle" :scrollable="scrollable" lineColor="#ef9f00" :list="tabList" :inactiveStyle="{
-            color: '#fff', }"
-					itemStyle="padding-left: 15px;  padding-right: 15px; height: 50px;"></u-tabs>
-			</view>
-			
-			<view class="tabLeve1 subItem flexbox" v-if="Leve1.length > 0">
-				<text :class="[leve1Index == index ? 'cur' : '']" v-for="(item, index) in Leve1" :key="index" @click="leve1Click(item, index)">{{item.title}}</text>
-			</view>
-			<view class="tabLeve2 subItem flexbox" v-if="Leve2.length > 0">
-				<text :class="[leve2Index == index ? 'cur' : '']" v-for="(item, index) in Leve2" :key="index" @click="leve2Click(item, index)">{{item.title}}</text>
-			</view>
-			<view class="tabLeve3 subItem flexbox" v-if="Leve3.length > 0">
-				<text :class="[leve3Index == index ? 'cur' : '']" v-for="(item, index) in Leve3" :key="index" @click="leve3Click(item, index)">{{item.title}}</text>
-			</view>
-			<view class="" v-if="courseInfo.content == '' && courseInfo.media == ''">
-				<u-divider text="本门课程没有编写课程说明"></u-divider>
-			</view>
-			<view class="containerBg" v-else>
-			<view class="infoBox" v-if="courseInfo.id">
-				<uni-section :title="courseTitle" type="line" titleFontSize="16px">
-					<view class="audio" style="margin-bottom: 20rpx;" v-if="courseInfo.mediaType == 2 && courseInfo.media != ''">
-						<audio style="text-align: left" :src="courseInfo.media" :poster="audioPoster" :name="courseTitle"
-							author="吴门医述" :action="audioAction" controls></audio>
-					</view>
-					<view>
-						<view class="container" v-if="courseInfo.mediaType ==1 && courseInfo.media != ''">
-							<div ref="videoContent" @tap="renderScript.handleClick" id="url-player-test"
-								:videoData="videoData" 
-								:change:videoData="renderScript.receiveMsg"></div>
-						</view>						
-					</view>
-					 <div class="fullScreenButton-container">
-					  <div
-					    :class="`prism-fullscreen-btn ${isFullScreen ? 'fullscreen' : ''}`"
-					    @tap="renderScript.changeVideoScreen"
-					  ></div>
-					</div> 
-					<rich-text v-if="courseInfo.content" class="content"
-						:nodes="formatRichText(courseInfo.content)"></rich-text>
-					<!-- <text>超强树选择器、树组件、树插件、无限级联树、单选树、多选树、自定义样式树、树形选择 </text> -->
-					
+  <view>
+    <!-- 公共组件-每个页面必须引入 -->
+    <public-module></public-module>
+    <z-nav-bar :title="courseInfo.id ? courseTitle : '课程说明'">
+      <!-- <uni-icons type="bars" class="topRight" slot="right" @click="showDrawer('showRight')"   size="22"></uni-icons> -->
+    </z-nav-bar>
+    <view class="" style="background: #55aaff">
+      <u-tabs
+        :class="['tabList']"
+        @click="tabChange"
+        :current="curTagIndex"
+        :activeStyle="activeStyle"
+        :scrollable="scrollable"
+        lineColor="#ef9f00"
+        :list="tabList"
+        :inactiveStyle="{
+          color: '#fff',
+        }"
+        itemStyle="padding-left: 15px;  padding-right: 15px; height: 50px;"
+      ></u-tabs>
+    </view>
 
-					
-				</uni-section>
-			</view>
-		</view>
-		<z-navigation></z-navigation>
-		<!-- <music-play :playData="playData"></music-play> -->
-	</view>
+    <view class="tabLeve1 subItem flexbox" v-if="Leve1.length > 0">
+      <text
+        :class="[leve1Index == index ? 'cur' : '']"
+        v-for="(item, index) in Leve1"
+        :key="index"
+        @click="leve1Click(item, index)"
+        >{{ item.title }}</text
+      >
+    </view>
+    <view class="tabLeve2 subItem flexbox" v-if="Leve2.length > 0">
+      <text
+        :class="[leve2Index == index ? 'cur' : '']"
+        v-for="(item, index) in Leve2"
+        :key="index"
+        @click="leve2Click(item, index)"
+        >{{ item.title }}</text
+      >
+    </view>
+    <view class="tabLeve3 subItem flexbox" v-if="Leve3.length > 0">
+      <text
+        :class="[leve3Index == index ? 'cur' : '']"
+        v-for="(item, index) in Leve3"
+        :key="index"
+        @click="leve3Click(item, index)"
+        >{{ item.title }}</text
+      >
+    </view>
+    <view class="" v-if="courseInfo.content == '' && courseInfo.media == ''">
+      <u-divider text="本门课程没有编写课程说明"></u-divider>
+    </view>
+    <view class="containerBg" v-else>
+      <view class="infoBox" v-if="courseInfo.id">
+        <uni-section :title="courseTitle" type="line" titleFontSize="16px">
+          <curriculum-video
+            v-if="curriculumVideoShow"
+            ref="curriculumVideo"
+            :courseInfo="courseInfo"
+          ></curriculum-video>
+
+          <rich-text
+            v-if="courseInfo.content"
+            class="content"
+            :nodes="formatRichText(courseInfo.content)"
+          ></rich-text>
+          <!-- <text>超强树选择器、树组件、树插件、无限级联树、单选树、多选树、自定义样式树、树形选择 </text> -->
+        </uni-section>
+      </view>
+    </view>
+    <!-- <z-navigation></z-navigation> -->
+    <!-- <music-play :playData="playData"></music-play> -->
+  </view>
 </template>
 
 <script>
-	// import musicPlay from '@/components/music.vue'
-	import $http from '@/config/requestConfig.js';
-	var clear;
-	import {
-		mapState
-	} from 'vuex';
-	export default {
-		data() {
-			return {
-				 isFullScreen: false,
-				playData: {},	
-				Leve1:[],
-				Leve2:[],
-				Leve3:[],
-				options: {}, //上个页面获取的视频参数（视频id）
-				playAuth: "", //播放凭证
-				videoId: "", //阿里云视频id
-				videoData: {}, //阿里云视频其他参数
-				accordionVal: '',
-				// extraIcon:{
-				// 	color: '#4cd964',
-				// 	size: '100',		
-				// }
-				scrollable:true,
-				treeList: [],
-				tagId: null,
-				pid: null,
-				bgiStyle: {
-					background: '#fff'
-				},
-				curTagIndex:0,
-				leve1Index:null,
-				leve2Index:null,
-				leve3Index:null,
-				iconStyle: {
-					fontSize: '40rpx',
-					fontWeight: 'bold',
-					color: '#258feb',
-				},
-				tabList:[
-					
-				],
-				activeStyle: {
-					color: '#fff',
-					fontWeight: 'bold', padding:'20rpx',
-					transform: 'scale(1.2)',
-					backgroundColor: '#ef9f00'
-				
-				},
-				courseInfo: {},
-				poster:'../../static/videoF.jpg', //封面图
-				audioPoster:'../../static/logo.png',
-				current: {
-					// poster: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/music-a.png',
-					// name: '致爱丽丝',
-					// author: '暂无',
-					// src: 'https://web-ext-storage.dcloud.net.cn/uni-app/ForElise.mp3',
-				},
-				audioAction: {
-					method: 'pause'
-				},
-				curId: null,
-				courseTitle: '',
-				showTemp:true,
-				videoContext:null,
-				
-				videoUrl:'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4'
-			};
-		},
-		//第一次加载
-		onLoad(e) {
-			// 隐藏原生的tabbar
-			uni.hideTabBar();
-			this.pid = e.pid
-			this.tagId = e.id
-			console.log(e, '------')
-			this.videoContext = uni.createVideoContext('myVideo')
-		},
-		computed: {
-			...mapState(['userInfo']),
-			videoHTML() {
-							return `<video class="video-box" poster="http://ehh-public-01.oss-cn-beijing.aliyuncs.com/wumenyishu-image/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240606110049.jpg" src="${this.videoUrl}"  enable-danmu danmu-btn controls style="width:100%;height:320rpx"></video>`
-						}
-			},
-		//页面显示
-		onShow() {
-			// 隐藏原生的tabbar
-			uni.hideTabBar();
-			this.getData()			
-		},
-		onUnload() {
-			// #ifdef APP-PLUS
-			plus.screen.lockOrientation('portrait-primary'); // 清除横屏			
-			// #endif
-			this.showTemp = true
-			this.videoContext = null
-		},
-		onPullDownRefresh(){
-			uni.stopPullDownRefresh()
-		},
-		components: {
-			// musicPlay
-		},
-		//方法
-		methods: {
-			getLive(playAuthsss) {
-				//playAuth 是播放凭证 通过后端自己根据api去获取，返回时不知道为什么结束会带有 = 有时候甚至是2个 所以要截取等号 不然不能播放
-				var playAuth = this.playAuth.replace(/=/g, "");
-				// var playAuth = playAuthsss
-				this.videoData = {
-					// ...res.video,//视频其他信息
-					type: 1,
-					videoId: this.videoId, //阿里云视频id
-					playAuth: playAuth, //阿里云播放凭证
-				};
-				console.log('得到播放凭证')
-				this.playAuth = playAuth;
-				this.$forceUpdate();
-			},
-			tabChange(e){
-				console.log(e,'e');
-				let _index = e.index
-				this.clickCourseInfo(this.treeList[_index])
-				this.curTagIndex = _index
-				this.leve1Index = null
-				this.leve2Index = null
-				this.leve3Index = null
-				if(this.treeList[_index].isLast == 0 && this.treeList[_index].children.length > 0){
-					this.Leve1 = this.treeList[_index].children
-					this.Leve2 = []
-					this.Leve3 = []
-					// if(this.Leve1[0].isLast == 0 && this.Leve1[0].children.length > 0){
-					// 	this.Leve2 = this.Leve1[0].children
-					// 	this.Leve3 = []
-					// 	// console.log(this.Leve2,'Leve2');
-					// 	if(this.Leve2[0].isLast == 0 && this.Leve2[0].children.length > 0){
-					// 		this.Leve3 = this.Leve2[0].children							
-					// 	}else{
-					// 		this.Leve3 = []
-					// 	}
-					// }else{
-					// 	this.Leve2 = []
-					// 	this.Leve3 = []
-					// }
-					
-				}else{
-					this.Leve1 = []
-					this.Leve2 = []
-					this.Leve3 = []
-				}
-			},
-			leve1Click(val, index){
-				console.log(this.Leve1[index],'val');
-				this.leve1Index = index
-				this.leve2Index = null
-				this.leve3Index = null
-				this.clickCourseInfo(val)
-				if(this.Leve1[index].isLast == 0 && this.Leve1[index].children.length > 0){
-					this.Leve2 = this.Leve1[index].children
-					// console.log(this.Leve2,'Leve2');
-					this.Leve3 = []
-				}else{
-					this.Leve2 = []
-					this.Leve3 = []
-				}
-			},
-			leve2Click(val, index){
-				this.leve2Index = index
-				if(this.leve1Index == null){
-					this.leve1Index = 0
-				}
-				this.leve3Index = null
-				// console.log(val,'三级点击');
-				this.clickCourseInfo(val)
-				if(this.Leve2[index].isLast == 0 && this.Leve2[index].children.length > 0){
-					this.Leve3 = this.Leve2[index].children
-				}else{
-					this.Leve3 = []
-				}
-			},
-			leve3Click(val, index){				
-				this.leve3Index = index
-				// console.log(val,'四级点击');
-				if(this.leve2Index == null){
-					this.leve2Index = 0
-				}
-				if(this.leve1Index == null){
-					this.leve1Index = 0
-				}
-				this.clickCourseInfo(val)
-				// if(this.Leve3[index].isLast == 0){
-				// 	this.Leve3 = this.Leve2[index].children
-				// }
-			},					
-			
-			formatRichText(html) { //控制图片大小
-				let newContent = html.replace(/<img[^>]*>/gi, function (match, capture) {
-					match = match.replace(/style="[^"]+"/gi, '').replace(/style='[^']+'/gi, '');
-					match = match.replace(/width="[^"]+"/gi, '').replace(/width='[^']+'/gi, '');
-					match = match.replace(/height="[^"]+"/gi, '').replace(/height='[^']+'/gi, '');
-					return match;
-				});
-				newContent = newContent.replace(/style="[^"]+"/gi, function (match, capture) {
-					match = match.replace(/width:[^;]+;/gi, 'max-width:100%;').replace(/width:[^;]+;/gi,
-						'max-width:100%;');
-					return match;
-				});				
-				newContent = newContent.replace(/<br[^>]*\/>/gi, '');
-				newContent = newContent.replace(/\<img/gi,
-					'<img style="max-width:100%;height:auto;display:inline-block;margin:10rpx auto;"');
-				return newContent;
-			},
-			getData() {				
-				this.$http
-					.post('medical/home/getCourseMedicalTree')
-					.then(res => {
-						if (res.code == 0 && res.labels.length > 0) {
-							this.tabList = []	
-							this.treeList = res.labels
-							if(this.tagId && this.pid){
-								res.labels.forEach((item, index) => {
-									this.tabList.push({
-										id: item.id,
-										name: item.title
-									})
-									if (item.id == this.pid) {
-										this.curTagIndex = index
-										console.log(this.curTagIndex)
-									}
-								})								
-								this.getCourseInfo(this.tagId)
-							}else{								
-								this.curTagIndex = 0
-								this.leve1Index = null
-								this.getCourseInfo(this.treeList[0].id)
-							}	
-							// this.treeList = res.labels
-							if(this.treeList[this.curTagIndex].isLast == 0 && this.treeList[this.curTagIndex].children.length > 0){
-								this.Leve1 = this.treeList[this.curTagIndex].children
-								if(this.tagId){
-									this.Leve1.forEach((item, index) => {
-										if (item.id == this.tagId) {
-											this.leve1Index = index
-										}
-									})
-									if(this.Leve1[this.leve1Index].isLast == 0 && this.Leve1[this.leve1Index].children.length > 0){
-										this.Leve2 = this.Leve1[this.leve1Index].children
-										// console.log(this.Leve2,'Leve2');
-										// if(this.Leve2[0].isLast == 0 && this.Leve2[0].children.length > 0){
-										// 	this.Leve3 = this.Leve2[0].children							
-										// }else{
-										// 	this.Leve3 = []
-										// }
-									}else{
-										this.Leve2 = []
-										this.Leve3 = []
-									}
-								}else{
-									this.leve1Index = null
-									this.Leve2 = []
-									this.Leve3 = []
-								}	
-							}else{
-								this.Leve1 = []
-								this.Leve2 = []
-								this.Leve3 = []
-							}
-							 res.labels.forEach( item => {
-								 this.tabList.push({id:item.id, name: item.title})
-							 })
-							// /this.getCourseInfo(this.treeList[0].id)
-							// console.log(this.treeList[0].id,'+++++')							
-							// this.showDrawer('showRight')
-						} else {
-							this.treeList = []
-						}
-					
-					}).catch(e => {
-						console.log(e, '报错')
-					});
-			},
-			// 获取课程详情
-			getCourseInfo(id) {
-				$http.request({
-						url: "medical/home/getCourseMedicalDetail",
-						method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
-						data: {
-							id: id
-						},
-						header: { //默认 无 说明：请求头
-							'Content-Type': 'application/json'
-						},
-					})
-					.then(async res => {
-						if (res.code == 0 && res.course.id) {
-							this.courseInfo = res.course
-							this.courseTitle = this.courseInfo.title + '课程说明'
-							this.curId = id
-							if (this.courseInfo.mediaType == 1 && this.courseInfo.media != '') {
-								this.videoId = this.courseInfo.media
-								this.playAuth = await this.getVideoPath(this.courseInfo.media)
-								this.getLive(this.playAuth)
-							}else{
-								// this.videoUrl = ''
-								this.poster = ''
-							}	
-							
-							// console.log(id, 'id')
-						} else {
-							this.courseInfo = {}
-							this.videoUrl = ''
-							this.poster = ''
-						}
-					}).catch(e => {
-						this.courseInfo = {}
-						this.courseTitle = ''
-						this.curId = null
-						this.poster = ''
-						this.videoUrl = ''
-						console.log(e, '课程详情报错')
-					});
-			},
-			// 获得播放地址
-			async getVideoPath(str) {
-				// console.log(str, 'str');
-				let path = ''
-				await $http.request({
-						url: "medical/course/checkVideoByMD",
-						method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
-						data: {
-							id: str
-						},
-						header: { //默认 无 说明：请求头
-							'Content-Type': 'application/json'
-						},
-					})
-					.then(res => {
-						if (res.code == 0) {
-							// console.log(res, 'res');
-							path = res.playAuth
-						}
-					}).catch(e => {
-						console.log(e, '获取视频播放地址错误');
-					})
-				return path
-			},
-			clickCourseInfo(item) {				
-				this.getCourseInfo(item.id)				
-			},
-			playEnd(){
-				this.showTemp = true
-			},
-			clickToPlay(){
-				this.showTemp = false
-				this.videoContext.play()
-			}
+import curriculumVideo from "./components/video.vue";
+import $http from "@/config/requestConfig.js";
+var clear;
+import { mapState } from "vuex";
+export default {
+  data() {
+    return {
+      curriculumVideoShow: false,
+      isFullScreen: false,
+      playData: {},
+      Leve1: [],
+      Leve2: [],
+      Leve3: [],
+      options: {}, //上个页面获取的视频参数（视频id）
+      playAuth: "", //播放凭证
+      videoId: "", //阿里云视频id
+      videoData: {}, //阿里云视频其他参数
+      accordionVal: "",
+      // extraIcon:{
+      // 	color: '#4cd964',
+      // 	size: '100',
+      // }
+      scrollable: true,
+      treeList: [],
+      tagId: null,
+      pid: null,
+      bgiStyle: {
+        background: "#fff",
+      },
+      curTagIndex: 0,
+      leve1Index: null,
+      leve2Index: null,
+      leve3Index: null,
+      iconStyle: {
+        fontSize: "40rpx",
+        fontWeight: "bold",
+        color: "#258feb",
+      },
+      tabList: [],
+      activeStyle: {
+        color: "#fff",
+        fontWeight: "bold",
+        padding: "20rpx",
+        transform: "scale(1.2)",
+        backgroundColor: "#ef9f00",
+      },
+      courseInfo: {},
+      poster: "../../static/videoF.jpg", //封面图
+      audioPoster: "../../static/logo.png",
+      current: {
+        // poster: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/music-a.png',
+        // name: '致爱丽丝',
+        // author: '暂无',
+        // src: 'https://web-ext-storage.dcloud.net.cn/uni-app/ForElise.mp3',
+      },
+      audioAction: {
+        method: "pause",
+      },
+      curId: null,
+      courseTitle: "",
+      showTemp: true,
+      videoContext: null,
 
-		},
-	};
+      videoUrl:
+        "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4",
+    };
+  },
+  //第一次加载
+  onLoad(e) {
+    // 隐藏原生的tabbar
+    uni.hideTabBar();
+    this.pid = e.pid;
+    this.tagId = e.id;
+    console.log(e, "------");
+    this.videoContext = uni.createVideoContext("myVideo");
+  },
+  computed: {
+    ...mapState(["userInfo"]),
+    videoHTML() {
+      return `<video class="video-box" poster="http://ehh-public-01.oss-cn-beijing.aliyuncs.com/wumenyishu-image/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240606110049.jpg" src="${this.videoUrl}"  enable-danmu danmu-btn controls style="width:100%;height:320rpx"></video>`;
+    },
+  },
+  //页面显示
+  onShow() {
+    // 隐藏原生的tabbar
+    uni.hideTabBar();
+    this.getData();
+  },
+  onUnload() {
+    // #ifdef APP-PLUS
+    plus.screen.lockOrientation("portrait-primary"); // 清除横屏
+    // #endif
+    this.showTemp = true;
+    this.videoContext = null;
+  },
+  onPullDownRefresh() {
+    uni.stopPullDownRefresh();
+  },
+  components: {
+    curriculumVideo,
+  },
+  //方法
+  methods: {
+    getLive(playAuthsss) {
+      //playAuth 是播放凭证 通过后端自己根据api去获取，返回时不知道为什么结束会带有 = 有时候甚至是2个 所以要截取等号 不然不能播放
+      var playAuth = this.playAuth.replace(/=/g, "");
+      // var playAuth = playAuthsss
+      this.videoData = {
+        // ...res.video,//视频其他信息
+        type: 1,
+        videoId: this.videoId, //阿里云视频id
+        playAuth: playAuth, //阿里云播放凭证
+      };
+      console.log("得到播放凭证");
+      this.playAuth = playAuth;
+      this.$forceUpdate();
+    },
+    tabChange(e) {
+      console.log(e, "e");
+      let _index = e.index;
+      this.clickCourseInfo(this.treeList[_index]);
+      this.curTagIndex = _index;
+      this.leve1Index = null;
+      this.leve2Index = null;
+      this.leve3Index = null;
+      if (
+        this.treeList[_index].isLast == 0 &&
+        this.treeList[_index].children.length > 0
+      ) {
+        this.Leve1 = this.treeList[_index].children;
+        this.Leve2 = [];
+        this.Leve3 = [];
+        // if(this.Leve1[0].isLast == 0 && this.Leve1[0].children.length > 0){
+        // 	this.Leve2 = this.Leve1[0].children
+        // 	this.Leve3 = []
+        // 	// console.log(this.Leve2,'Leve2');
+        // 	if(this.Leve2[0].isLast == 0 && this.Leve2[0].children.length > 0){
+        // 		this.Leve3 = this.Leve2[0].children
+        // 	}else{
+        // 		this.Leve3 = []
+        // 	}
+        // }else{
+        // 	this.Leve2 = []
+        // 	this.Leve3 = []
+        // }
+      } else {
+        this.Leve1 = [];
+        this.Leve2 = [];
+        this.Leve3 = [];
+      }
+    },
+    leve1Click(val, index) {
+      console.log(this.Leve1[index], "val");
+      this.leve1Index = index;
+      this.leve2Index = null;
+      this.leve3Index = null;
+      this.clickCourseInfo(val);
+      if (
+        this.Leve1[index].isLast == 0 &&
+        this.Leve1[index].children.length > 0
+      ) {
+        this.Leve2 = this.Leve1[index].children;
+        // console.log(this.Leve2,'Leve2');
+        this.Leve3 = [];
+      } else {
+        this.Leve2 = [];
+        this.Leve3 = [];
+      }
+    },
+    leve2Click(val, index) {
+      this.leve2Index = index;
+      if (this.leve1Index == null) {
+        this.leve1Index = 0;
+      }
+      this.leve3Index = null;
+      // console.log(val,'三级点击');
+      this.clickCourseInfo(val);
+      if (
+        this.Leve2[index].isLast == 0 &&
+        this.Leve2[index].children.length > 0
+      ) {
+        this.Leve3 = this.Leve2[index].children;
+      } else {
+        this.Leve3 = [];
+      }
+    },
+    leve3Click(val, index) {
+      this.leve3Index = index;
+      // console.log(val,'四级点击');
+      if (this.leve2Index == null) {
+        this.leve2Index = 0;
+      }
+      if (this.leve1Index == null) {
+        this.leve1Index = 0;
+      }
+      this.clickCourseInfo(val);
+      // if(this.Leve3[index].isLast == 0){
+      // 	this.Leve3 = this.Leve2[index].children
+      // }
+    },
+
+    formatRichText(html) {
+      //控制图片大小
+      let newContent = html.replace(/<img[^>]*>/gi, function (match, capture) {
+        match = match
+          .replace(/style="[^"]+"/gi, "")
+          .replace(/style='[^']+'/gi, "");
+        match = match
+          .replace(/width="[^"]+"/gi, "")
+          .replace(/width='[^']+'/gi, "");
+        match = match
+          .replace(/height="[^"]+"/gi, "")
+          .replace(/height='[^']+'/gi, "");
+        return match;
+      });
+      newContent = newContent.replace(
+        /style="[^"]+"/gi,
+        function (match, capture) {
+          match = match
+            .replace(/width:[^;]+;/gi, "max-width:100%;")
+            .replace(/width:[^;]+;/gi, "max-width:100%;");
+          return match;
+        }
+      );
+      newContent = newContent.replace(/<br[^>]*\/>/gi, "");
+      newContent = newContent.replace(
+        /\<img/gi,
+        '<img style="max-width:100%;height:auto;display:inline-block;margin:10rpx auto;"'
+      );
+      return newContent;
+    },
+    getData() {
+      this.$http
+        .post("medical/home/getCourseMedicalTree")
+        .then((res) => {
+          if (res.code == 0 && res.labels.length > 0) {
+            this.tabList = [];
+            this.treeList = res.labels;
+            if (this.tagId && this.pid) {
+              res.labels.forEach((item, index) => {
+                this.tabList.push({
+                  id: item.id,
+                  name: item.title,
+                });
+                if (item.id == this.pid) {
+                  this.curTagIndex = index;
+                  console.log(this.curTagIndex);
+                }
+              });
+              this.getCourseInfo(this.tagId);
+            } else {
+              this.curTagIndex = 0;
+              this.leve1Index = null;
+              this.getCourseInfo(this.treeList[0].id);
+            }
+            // this.treeList = res.labels
+            if (
+              this.treeList[this.curTagIndex].isLast == 0 &&
+              this.treeList[this.curTagIndex].children.length > 0
+            ) {
+              this.Leve1 = this.treeList[this.curTagIndex].children;
+              if (this.tagId) {
+                this.Leve1.forEach((item, index) => {
+                  if (item.id == this.tagId) {
+                    this.leve1Index = index;
+                  }
+                });
+                if (
+                  this.Leve1[this.leve1Index].isLast == 0 &&
+                  this.Leve1[this.leve1Index].children.length > 0
+                ) {
+                  this.Leve2 = this.Leve1[this.leve1Index].children;
+                  // console.log(this.Leve2,'Leve2');
+                  // if(this.Leve2[0].isLast == 0 && this.Leve2[0].children.length > 0){
+                  // 	this.Leve3 = this.Leve2[0].children
+                  // }else{
+                  // 	this.Leve3 = []
+                  // }
+                } else {
+                  this.Leve2 = [];
+                  this.Leve3 = [];
+                }
+              } else {
+                this.leve1Index = null;
+                this.Leve2 = [];
+                this.Leve3 = [];
+              }
+            } else {
+              this.Leve1 = [];
+              this.Leve2 = [];
+              this.Leve3 = [];
+            }
+            res.labels.forEach((item) => {
+              this.tabList.push({ id: item.id, name: item.title });
+            });
+            // /this.getCourseInfo(this.treeList[0].id)
+            // console.log(this.treeList[0].id,'+++++')
+            // this.showDrawer('showRight')
+          } else {
+            this.treeList = [];
+          }
+        })
+        .catch((e) => {
+          console.log(e, "报错");
+        });
+    },
+    // 获取课程详情
+    getCourseInfo(id) {
+      this.curriculumVideoShow = false;
+      $http
+        .request({
+          url: "medical/home/getCourseMedicalDetail",
+          method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
+          data: {
+            id: id,
+          },
+          header: {
+            //默认 无 说明：请求头
+            "Content-Type": "application/json",
+          },
+        })
+        .then(async (res) => {
+          if (res.code == 0 && res.course.id) {
+            this.courseInfo = res.course;
+            this.courseTitle = this.courseInfo.title + "课程说明";
+            this.curId = id;
+            if (this.courseInfo.mediaType == 1 && this.courseInfo.media != "") {
+              this.curriculumVideoShow = true;
+              this.$nextTick(() => {
+                this.$refs.curriculumVideo.initVideo({
+                  videoId: this.courseInfo.media,
+                  playAuth: this.courseInfo.media,
+                });
+              });
+
+              // this.videoId =
+              // this.playAuth =
+              // this.getLive(this.playAuth)
+            } else {
+              // this.videoUrl = ''
+              this.poster = "";
+
+			  this.curriculumVideoShow = true;
+              this.$nextTick(() => {
+                this.$refs.curriculumVideo.initAudio();
+              });
+
+            }
+
+            // console.log(id, 'id')
+          } else {
+            this.courseInfo = {};
+            this.videoUrl = "";
+            this.poster = "";
+          }
+        })
+        .catch((e) => {
+          this.courseInfo = {};
+          this.courseTitle = "";
+          this.curId = null;
+          this.poster = "";
+          this.videoUrl = "";
+          console.log(e, "课程详情报错");
+        });
+    },
+    // 获得播放地址
+    async getVideoPath(str) {
+      // console.log(str, 'str');
+      let path = "";
+      await $http
+        .request({
+          url: "medical/course/checkVideoByMD",
+          method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
+          data: {
+            id: str,
+          },
+          header: {
+            //默认 无 说明：请求头
+            "Content-Type": "application/json",
+          },
+        })
+        .then((res) => {
+          if (res.code == 0) {
+            // console.log(res, 'res');
+            path = res.playAuth;
+          }
+        })
+        .catch((e) => {
+          console.log(e, "获取视频播放地址错误");
+        });
+      return path;
+    },
+    clickCourseInfo(item) {
+      this.getCourseInfo(item.id);
+    },
+    playEnd() {
+      this.showTemp = true;
+    },
+    clickToPlay() {
+      this.showTemp = false;
+      this.videoContext.play();
+    },
+  },
+};
 </script>
 <script module="renderScript" lang="renderjs">
-	import $ from 'jquery'
-	//  import StaticADComponent from './staticadcomponent/index.js';
+import $ from 'jquery'
+//  import StaticADComponent from './staticadcomponent/index.js';
+/**
+ * 静态广告组件
+ */
+
+export default {
 	/**
 	 * 静态广告组件
 	 */
 
-	export default {
-		/**
-		 * 静态广告组件
-		 */
-
-		components: {
-			// MyComponent
-		},
-		mounted() {
-			// 在适合的生命周期，通过script和link标签引入播放器sdk、css
-			console.log(this.options, '这是monted')
-			this.loadWebPlayerSDK()
-			this.loadComponent()			
-		},
-		beforeDestroy() {		
-			
-		    if (this.player) {
-		      this.player.dispose()
-		      this.player = null
-		    }
-		  },
-		data() {
-			return {
-				player: null,
-				curTime: null,
-				curStatus: null,
-				// currentTime:null,
-			}
-		},
-
-
-		watch: {
-
-			curTime(val) {
-				if (this.curTime !== null && this.curStatus !== null) {
-					this.$refs.videoContent1.click()
-				}
-			}
-		},
-
-		methods: {
-			
-			handleClick(event, ownerInstance) {
-				console.log('event at line 165:', event)
-				//             this.player.on('ready',function(){
-				//    var status=  this.player.fullscreenService.getIsFullScreen()
-				//    console.log('status at line 403:', status)
-				// console.log('触发点击事件',status))
-				//   })
-
-				// ownerInstance.callMethod('getData')
-
-			},
-			emitData(event, ownerInstance) {
-				var that = this;
-
-				ownerInstance.callMethod('recordTime', {
-					time: that.curTime,
-					status: that.curStatus
-				})
-
-			},
-			changeVideoScreen(event, ownerInstance) {
-				var that = this;
-				// this.$emit('changeScreenLoading',true)
-				var status = this.player.fullscreenService.getIsFullScreen();
-
-
-
-				ownerInstance.callMethod('screenChange', {
-					status: status,
-					primary: status ? 'portrait' : 'landscape'
-				})
-
-
-				if (status) {
-
-
-
-					setTimeout(() => {
-						plus.screen.lockOrientation("portrait-primary"); //锁死屏幕方向为竖屏
-						this.player.fullscreenService.cancelFullScreen();
-						// this.$emit('changeScreenLoading',false);
-
-
-					}, 100);
-
-
-					// this.player.setPlayerSize('100%','200px');
-
-
-
-
-				} else {
-
-					//               this.player.setPlayerSize({
-					//   w:"400px",
-					//   height:'60%'
-					//  });
-					// plus.screen.unlockOrientation();
-					this.player.fullscreenService.requestFullScreen();
-					setTimeout(() => {
-						// this.$emit('changeScreenLoading',false);
-						plus.screen.lockOrientation("landscape-primary");
-
-					}, 100);
-
-				}
-			},
-			endEmitData(event, ownerInstance) {
-				var that = this;
-
-				ownerInstance.callMethod('handleEnd', )
-			},
-			getLive() {
-				if (this.videoData.type == 1) {
-					var fullScreenButtonComponent = Aliplayer.Component({
-						/**
-						 * 初始函数，在new对象时调用
-						 *
-						 * @param {string} adAddress - 广告视频地址
-						 * @param {string} toAddress - 广告链接地址
-						 */
-						init: function(status, toAddress) {
-
-							this.fullScreenStatus = status
-							// this.adAddress = adAddress;
-							// this.toAddress = toAddress;
-
-							this.$html = $('.fullScreenButton-container');
-							// this.$html.hide();
-						},
-
-						/**
-						 * 创建广告Dom元素
-						 */
-						createEl: function(el) {
-
-
-							this.$html.find('.ad').attr('src', this.adAddress);
-							var $adWrapper = this.$html.find('.ad-wrapper');
-							$adWrapper.attr('href', this.toAddress);
-							$adWrapper.click(function() {
-								// Aliplayer.util.stopPropagation();
-							});
-							// this.$html.find('.close').click(function () {
-							//   this.$html.hide();
-							// });
-							// $(el).find('.prism-controlbar').append(this.$html);
-							$(el).find('.prism-time-display').after(this.$html);
-						},
-						ready: function(player, e) {
-							// this.$html.hide()
-						},
-						/**
-						 * 隐藏广告
-						 */
-						play: function(player, e) {
-							// this.$html.show();
-						},
-						/**
-						 * 显示广告
-						 */
-						pause: function(player, e) {
-							// this.$html.show();
-						},
-						/**
-						 * 隐藏广告
-						 */
-						playing: function(player, e) {
-							this.$html.show();
-							// this.$html.hide();
-						},
-						waiting: function(player, e) {
-							// this.$html.hide()
-						},
-						timeupdate: function(player, e) {},
-						error: function(player, e) {},
-						/**
-						 * 显示广告
-						 */
-						ended: function(player, e) {
-							// this.$html.show();
-						}
-					});
-
-					console.log('this.currentVideoList at line 456111111111111111111111:', this.videoList)
-					var player = new Aliplayer({
-						id: "url-player-test",
-						"vid": this.videoData.videoId, // 必选参数，可以通过点播控制台（路径：媒资库>音/视频）查询。示例：1e067a2831b641db90d570b6480f****。
-						"playauth": this.videoData.playAuth, // 必选参数，参数值可通过调用GetVideoPlayAuth接口获取。
-						"encryptType": 1, // 必选参数，当播放私有加密流时需要设置本参数值为1。其它情况无需设置。
-						"playConfig": {
-							"EncryptType": 'AliyunVoDEncryption'
-						},
-						width: '100%', //容器的大小
-						// videoWidth: '100vw', //容器的大小
-						// videoHeight: '100vh', //容器的大小
-						height: '200px', //容器的大小
-						playsinline: true,
-						controlBarVisibility: "click",
-						cover: "http://ehh-public-01.oss-cn-beijing.aliyuncs.com/wumenyishu-image/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240606110049.jpg",
-						autoplay: false,
-						components: [
-							//                   {
-							//   name: 'BulletScreenComponent',
-							//   type: AliPlayerComponent.BulletScreenComponent,
-							//   /** Descriptions of the scrolling text component parameters: text, style, bulletPosition
-							//    * text: The scrolling text
-							//    * style: The style of the scrolling text
-							//    * bulletPosition: The position of the scrolling text. Valid values: 'top', 'bottom', and 'random'. The default is 'random'.
-							//    */
-							//   args: ['本课程版权归天津众妙之门科技有限公司所有，翻版必究!', {fontSize: '16px', color: 'red',}, 'random']
-							// },
-							{
-								name: 'adComponent',
-								type: fullScreenButtonComponent,
-								args: [
-									'http://101.201.146.165:8088/Pf-EH/statics/uploadFile/2024-05-10/b0f420c7-9178-41ad-9dd6-f59a64a6e190.png']
-							},
-
-
-
-							// {
-							//   name: 'RotateMirrorComponent',
-							//   type: AliPlayerComponent.RotateMirrorComponent
-							// },
-
-
-						],
-
-						skinLayout: [{
-								name: "bigPlayButton",
-								align: "blabs",
-								x: 30,
-								y: 80
-							},
-							{
-								name: "H5Loading",
-								align: "cc"
-							},
-							{
-								name: "errorDisplay",
-								align: "tlabs",
-								x: 0,
-								y: 0
-							},
-							{
-								name: "infoDisplay"
-							},
-							{
-								name: "tooltip",
-								align: "blabs",
-								x: 0,
-								y: 56
-							},
-							{
-								name: "thumbnail"
-							},
-							{
-								name: "controlBar",
-								align: "blabs",
-								x: 0,
-								y: 0,
-								children: [{
-										name: "progress",
-										align: "blabs",
-										x: 0,
-										y: 44
-									},
-									{
-										name: "playButton",
-										align: "tl",
-										x: 15,
-										y: 12
-									},
-									{
-										name: "timeDisplay",
-										align: "tl",
-										x: 10,
-										y: 7
-									},
-									// {name: "fullScreenButton", align: "tr", x: 10, y: 12},
-									// {name:"subtitle", align:"tr",x:15, y:12},
-									{
-										name: "setting",
-										align: "tr",
-										x: 15,
-										y: 12
-									},
-									{
-										name: "prism-speed-selector",
-										align: "tr",
-										x: 15,
-										y: 12
-									},
-									{
-										name: "volume",
-										align: "tr",
-										x: 5,
-										y: 10
-									}
-								]
-							}
-						]
-
-					}, function(player) {
-
-
-
-					});
-
-
-
-					this.player = player;
-					this.$refs.videoContent.click()
-
-					var timer = setInterval(() => {
-						var that = this;
-						that.curTime = parseInt(this.player.getCurrentTime());
-						that.curStatus = this.player.getStatus()
-
-					}, 1000);
-					// player.on('ready',function(){
-					//      player.fullscreenService.requestFullScreen()
-
-					//   })
-					this.player.on('ended', function() {
-						console.log('that.curTime at line 242:', this.curTime)
-						console.log('that.curStatus at line 210:', this.curStatus)
-						this.$refs.videoContent2.click()
-
-					})
-				}
-
-
-				// player.setRotate(90)
-
-				//全屏播放
-
-				// player.one('canplay', function() {
-				//     // console.log('canplay', this.player.tag);
-				//     player.tag.play();
-
-				// });
-
-
-
-			},
-			receiveScreenType(newValue) {
-				console.log('newValue at line 427屏幕方向111111111111:', newValue)
-
-			},
-			receiveFirstTime(newValue, oldValue, ownerVm, vm) {
-				// //数据变化
-
-				console.log('newValue111', newValue)
-
-				console.log('vm4444', vm)
-				console.log('this.firstTime at line 215:', newValue)
-				if (this.player) {
-					this.player.seek(newValue);
-				}
-
-
-			},
-			receiveVideoList(newValue, oldValue, ownerVm, vm) {
-				// //数据变化
-
-				console.log('currentVideoListcurrentVideoListcurrentVideoList', newValue)
-
-			},			
-			receiveMsg(newValue, oldValue, ownerVm, vm) {
-				//数据变化
-				// console.log('newValue', newValue)
-				if(newValue.playAuth){
-					this.checkValue();
-				}				
-				
-				// console.log('oldValue', oldValue)
-				// console.log('ownerVm', ownerVm)
-				// console.log('vm', vm)
-			},
-			receiveWinWidth(newValue, oldValue, ownerVm, vm) {
-				//数据变化
-				console.log('newValue', newValue)
-				// console.log('oldValue', oldValue)
-				// console.log('ownerVm', ownerVm)
-				// console.log('vm', vm)
-			},
-			receiveWinHeight(newValue, oldValue, ownerVm, vm) {
-				//数据变化
-				console.log('newValue', newValue)
-				// console.log('oldValue', oldValue)
-				// console.log('ownerVm', ownerVm)
-				// console.log('vm', vm)
-			},
-			checkValue() {			
-				console.log(this.videoData, "1111888888")
-				if (!this.videoData) {
-					// if (!this.videoData.playAuth) {
-					setTimeout(() => {
-						this.checkValue();
-					}, 1000);
-				} else {
-
-					console.log('this.videoList at line 这是这只只是594:', this.currentVideoList)
-					this.getLive();
-				}
-			},
-			loadWebPlayerSDK() {
-				return new Promise((resolve, reject) => {
-
-					const s_tag = document.createElement('script'); // 引入播放器js
-					s_tag.type = 'text/javascript';
-					s_tag.src = 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.20.3/aliplayer-min.js';
-					s_tag.charset = 'utf-8';
-					s_tag.onload = () => {
-						const s_tag1 = document.createElement('script'); // 引入播放器js
-						s_tag1.type = 'text/javascript';
-						s_tag1.src =
-							'https://player.alicdn.com/aliplayer/presentation/js/aliplayercomponents.min.js';
-						s_tag1.charset = 'utf-8';
-						s_tag1.onload = () => {
-							// this.checkValue();
-							resolve();
-
-						}
-						document.body.appendChild(s_tag1);
-
-					}
-					document.body.appendChild(s_tag);
-
-
-
-					const l_tag = document.createElement('link'); // 引入播放器css
-					l_tag.rel = 'stylesheet';
-					l_tag.href =
-						'https://g.alicdn.com/apsara-media-box/imp-web-player/2.20.3/skins/default/aliplayer-min.css';
-
-
-
-					document.body.appendChild(l_tag);
-				});
-			},
-			loadComponent() {
-				// return new Promise((resolve, reject) => {
-				//     const s_tag = document.createElement('script');
-				//     s_tag.type = 'text/javascript';
-				//     // 需要先下载组件 js 文件，放到项目 /static/ 目录下
-				//     // 下载地址：https://github.com/aliyunvideo/AliyunPlayer_Web/blob/master/customComponents/dist/aliplayer-components/aliplayercomponents-1.0.9.min.js
-				//     s_tag.src = '@/static/aliplayercomponents.js';
-				//     s_tag.charset = 'utf-8';
-				//     s_tag.onload = () => {
-				//         resolve();
-				//     }
-				//     document.body.appendChild(s_tag);
-				// });
+	components: {
+		// MyComponent
+	},
+	mounted() {
+		// 在适合的生命周期，通过script和link标签引入播放器sdk、css
+		console.log(this.options, '这是monted')
+		this.loadWebPlayerSDK()
+		this.loadComponent()
+	},
+	beforeDestroy() {
+
+	    if (this.player) {
+	      this.player.dispose()
+	      this.player = null
+	    }
+	  },
+	data() {
+		return {
+			player: null,
+			curTime: null,
+			curStatus: null,
+			// currentTime:null,
+		}
+	},
+
+
+	watch: {
+
+		curTime(val) {
+			if (this.curTime !== null && this.curStatus !== null) {
+				this.$refs.videoContent1.click()
 			}
 		}
+	},
+
+	methods: {
+
+		handleClick(event, ownerInstance) {
+			console.log('event at line 165:', event)
+			//             this.player.on('ready',function(){
+			//    var status=  this.player.fullscreenService.getIsFullScreen()
+			//    console.log('status at line 403:', status)
+			// console.log('触发点击事件',status))
+			//   })
+
+			// ownerInstance.callMethod('getData')
+
+		},
+		emitData(event, ownerInstance) {
+			var that = this;
+
+			ownerInstance.callMethod('recordTime', {
+				time: that.curTime,
+				status: that.curStatus
+			})
+
+		},
+		changeVideoScreen(event, ownerInstance) {
+			var that = this;
+			// this.$emit('changeScreenLoading',true)
+			var status = this.player.fullscreenService.getIsFullScreen();
+
+
+
+			ownerInstance.callMethod('screenChange', {
+				status: status,
+				primary: status ? 'portrait' : 'landscape'
+			})
+
+
+			if (status) {
+
+
+
+				setTimeout(() => {
+					plus.screen.lockOrientation("portrait-primary"); //锁死屏幕方向为竖屏
+					this.player.fullscreenService.cancelFullScreen();
+					// this.$emit('changeScreenLoading',false);
+
+
+				}, 100);
+
+
+				// this.player.setPlayerSize('100%','200px');
+
+
+
+
+			} else {
+
+				//               this.player.setPlayerSize({
+				//   w:"400px",
+				//   height:'60%'
+				//  });
+				// plus.screen.unlockOrientation();
+				this.player.fullscreenService.requestFullScreen();
+				setTimeout(() => {
+					// this.$emit('changeScreenLoading',false);
+					plus.screen.lockOrientation("landscape-primary");
+
+				}, 100);
+
+			}
+		},
+		endEmitData(event, ownerInstance) {
+			var that = this;
+
+			ownerInstance.callMethod('handleEnd', )
+		},
+		getLive() {
+			if (this.videoData.type == 1) {
+				var fullScreenButtonComponent = Aliplayer.Component({
+					/**
+					 * 初始函数，在new对象时调用
+					 *
+					 * @param {string} adAddress - 广告视频地址
+					 * @param {string} toAddress - 广告链接地址
+					 */
+					init: function(status, toAddress) {
+
+						this.fullScreenStatus = status
+						// this.adAddress = adAddress;
+						// this.toAddress = toAddress;
+
+						this.$html = $('.fullScreenButton-container');
+						// this.$html.hide();
+					},
+
+					/**
+					 * 创建广告Dom元素
+					 */
+					createEl: function(el) {
+
+
+						this.$html.find('.ad').attr('src', this.adAddress);
+						var $adWrapper = this.$html.find('.ad-wrapper');
+						$adWrapper.attr('href', this.toAddress);
+						$adWrapper.click(function() {
+							// Aliplayer.util.stopPropagation();
+						});
+						// this.$html.find('.close').click(function () {
+						//   this.$html.hide();
+						// });
+						// $(el).find('.prism-controlbar').append(this.$html);
+						$(el).find('.prism-time-display').after(this.$html);
+					},
+					ready: function(player, e) {
+						// this.$html.hide()
+					},
+					/**
+					 * 隐藏广告
+					 */
+					play: function(player, e) {
+						// this.$html.show();
+					},
+					/**
+					 * 显示广告
+					 */
+					pause: function(player, e) {
+						// this.$html.show();
+					},
+					/**
+					 * 隐藏广告
+					 */
+					playing: function(player, e) {
+						this.$html.show();
+						// this.$html.hide();
+					},
+					waiting: function(player, e) {
+						// this.$html.hide()
+					},
+					timeupdate: function(player, e) {},
+					error: function(player, e) {},
+					/**
+					 * 显示广告
+					 */
+					ended: function(player, e) {
+						// this.$html.show();
+					}
+				});
+
+				console.log('this.currentVideoList at line 456111111111111111111111:', this.videoList)
+				var player = new Aliplayer({
+					id: "url-player-test",
+					"vid": this.videoData.videoId, // 必选参数，可以通过点播控制台（路径：媒资库>音/视频）查询。示例：1e067a2831b641db90d570b6480f****。
+					"playauth": this.videoData.playAuth, // 必选参数，参数值可通过调用GetVideoPlayAuth接口获取。
+					"encryptType": 1, // 必选参数，当播放私有加密流时需要设置本参数值为1。其它情况无需设置。
+					"playConfig": {
+						"EncryptType": 'AliyunVoDEncryption'
+					},
+					width: '100%', //容器的大小
+					// videoWidth: '100vw', //容器的大小
+					// videoHeight: '100vh', //容器的大小
+					height: '200px', //容器的大小
+					playsinline: true,
+					controlBarVisibility: "click",
+					cover: "http://ehh-public-01.oss-cn-beijing.aliyuncs.com/wumenyishu-image/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240606110049.jpg",
+					autoplay: false,
+					components: [
+						//                   {
+						//   name: 'BulletScreenComponent',
+						//   type: AliPlayerComponent.BulletScreenComponent,
+						//   /** Descriptions of the scrolling text component parameters: text, style, bulletPosition
+						//    * text: The scrolling text
+						//    * style: The style of the scrolling text
+						//    * bulletPosition: The position of the scrolling text. Valid values: 'top', 'bottom', and 'random'. The default is 'random'.
+						//    */
+						//   args: ['本课程版权归天津众妙之门科技有限公司所有，翻版必究!', {fontSize: '16px', color: 'red',}, 'random']
+						// },
+						{
+							name: 'adComponent',
+							type: fullScreenButtonComponent,
+							args: [
+								'http://101.201.146.165:8088/Pf-EH/statics/uploadFile/2024-05-10/b0f420c7-9178-41ad-9dd6-f59a64a6e190.png']
+						},
+
+
+
+						// {
+						//   name: 'RotateMirrorComponent',
+						//   type: AliPlayerComponent.RotateMirrorComponent
+						// },
+
+
+					],
+
+					skinLayout: [{
+							name: "bigPlayButton",
+							align: "blabs",
+							x: 30,
+							y: 80
+						},
+						{
+							name: "H5Loading",
+							align: "cc"
+						},
+						{
+							name: "errorDisplay",
+							align: "tlabs",
+							x: 0,
+							y: 0
+						},
+						{
+							name: "infoDisplay"
+						},
+						{
+							name: "tooltip",
+							align: "blabs",
+							x: 0,
+							y: 56
+						},
+						{
+							name: "thumbnail"
+						},
+						{
+							name: "controlBar",
+							align: "blabs",
+							x: 0,
+							y: 0,
+							children: [{
+									name: "progress",
+									align: "blabs",
+									x: 0,
+									y: 44
+								},
+								{
+									name: "playButton",
+									align: "tl",
+									x: 15,
+									y: 12
+								},
+								{
+									name: "timeDisplay",
+									align: "tl",
+									x: 10,
+									y: 7
+								},
+								// {name: "fullScreenButton", align: "tr", x: 10, y: 12},
+								// {name:"subtitle", align:"tr",x:15, y:12},
+								{
+									name: "setting",
+									align: "tr",
+									x: 15,
+									y: 12
+								},
+								{
+									name: "prism-speed-selector",
+									align: "tr",
+									x: 15,
+									y: 12
+								},
+								{
+									name: "volume",
+									align: "tr",
+									x: 5,
+									y: 10
+								}
+							]
+						}
+					]
+
+				}, function(player) {
+
+
+
+				});
+
+
+
+				this.player = player;
+				this.$refs.videoContent.click()
+
+				var timer = setInterval(() => {
+					var that = this;
+					that.curTime = parseInt(this.player.getCurrentTime());
+					that.curStatus = this.player.getStatus()
+
+				}, 1000);
+				// player.on('ready',function(){
+				//      player.fullscreenService.requestFullScreen()
+
+				//   })
+				this.player.on('ended', function() {
+					console.log('that.curTime at line 242:', this.curTime)
+					console.log('that.curStatus at line 210:', this.curStatus)
+					this.$refs.videoContent2.click()
+
+				})
+			}
+
+
+			// player.setRotate(90)
+
+			//全屏播放
+
+			// player.one('canplay', function() {
+			//     // console.log('canplay', this.player.tag);
+			//     player.tag.play();
+
+			// });
+
+
+
+		},
+		receiveScreenType(newValue) {
+			console.log('newValue at line 427屏幕方向111111111111:', newValue)
+
+		},
+		receiveFirstTime(newValue, oldValue, ownerVm, vm) {
+			// //数据变化
+
+			console.log('newValue111', newValue)
+
+			console.log('vm4444', vm)
+			console.log('this.firstTime at line 215:', newValue)
+			if (this.player) {
+				this.player.seek(newValue);
+			}
+
+
+		},
+		receiveVideoList(newValue, oldValue, ownerVm, vm) {
+			// //数据变化
+
+			console.log('currentVideoListcurrentVideoListcurrentVideoList', newValue)
+
+		},
+		receiveMsg(newValue, oldValue, ownerVm, vm) {
+			//数据变化
+			// console.log('newValue', newValue)
+			if(newValue.playAuth){
+				this.checkValue();
+			}
+
+			// console.log('oldValue', oldValue)
+			// console.log('ownerVm', ownerVm)
+			// console.log('vm', vm)
+		},
+		receiveWinWidth(newValue, oldValue, ownerVm, vm) {
+			//数据变化
+			console.log('newValue', newValue)
+			// console.log('oldValue', oldValue)
+			// console.log('ownerVm', ownerVm)
+			// console.log('vm', vm)
+		},
+		receiveWinHeight(newValue, oldValue, ownerVm, vm) {
+			//数据变化
+			console.log('newValue', newValue)
+			// console.log('oldValue', oldValue)
+			// console.log('ownerVm', ownerVm)
+			// console.log('vm', vm)
+		},
+		checkValue() {
+			console.log(this.videoData, "1111888888")
+			if (!this.videoData) {
+				// if (!this.videoData.playAuth) {
+				setTimeout(() => {
+					this.checkValue();
+				}, 1000);
+			} else {
+
+				console.log('this.videoList at line 这是这只只是594:', this.currentVideoList)
+				this.getLive();
+			}
+		},
+		loadWebPlayerSDK() {
+			return new Promise((resolve, reject) => {
+
+				const s_tag = document.createElement('script'); // 引入播放器js
+				s_tag.type = 'text/javascript';
+				s_tag.src = 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.20.3/aliplayer-min.js';
+				s_tag.charset = 'utf-8';
+				s_tag.onload = () => {
+					const s_tag1 = document.createElement('script'); // 引入播放器js
+					s_tag1.type = 'text/javascript';
+					s_tag1.src =
+						'https://player.alicdn.com/aliplayer/presentation/js/aliplayercomponents.min.js';
+					s_tag1.charset = 'utf-8';
+					s_tag1.onload = () => {
+						// this.checkValue();
+						resolve();
+
+					}
+					document.body.appendChild(s_tag1);
+
+				}
+				document.body.appendChild(s_tag);
+
+
+
+				const l_tag = document.createElement('link'); // 引入播放器css
+				l_tag.rel = 'stylesheet';
+				l_tag.href =
+					'https://g.alicdn.com/apsara-media-box/imp-web-player/2.20.3/skins/default/aliplayer-min.css';
+
+
+
+				document.body.appendChild(l_tag);
+			});
+		},
+		loadComponent() {
+			// return new Promise((resolve, reject) => {
+			//     const s_tag = document.createElement('script');
+			//     s_tag.type = 'text/javascript';
+			//     // 需要先下载组件 js 文件，放到项目 /static/ 目录下
+			//     // 下载地址：https://github.com/aliyunvideo/AliyunPlayer_Web/blob/master/customComponents/dist/aliplayer-components/aliplayercomponents-1.0.9.min.js
+			//     s_tag.src = '@/static/aliplayercomponents.js';
+			//     s_tag.charset = 'utf-8';
+			//     s_tag.onload = () => {
+			//         resolve();
+			//     }
+			//     document.body.appendChild(s_tag);
+			// });
+		}
 	}
+}
 </script>
 
 <style>
-	.fullScreenButton-container {
-	  color: #fff;
-	  float: right;
-	  height: 35px;
-	  margin-top: 6px;
-	  margin-right: 5px;
-	  display: flex;
-	  align-items: center;
-	  position: relative;
-	  i {
-	    color: #fff;
-	    display: inline-block;
-	    font-size: 22px;
-	    display: block;
-	    margin-top: 7px;
-	    cursor: pointer;
-	    & + i {
-	      margin-left: 3px;
-	    }
-	    @media (min-width: 768px) {
-	      &:hover + .player-tooltip {
-	        display: block;
-	      }
-	    }
-	  }}
+.fullScreenButton-container {
+  color: #fff;
+  float: right;
+  height: 35px;
+  margin-top: 6px;
+  margin-right: 5px;
+  display: flex;
+  align-items: center;
+  position: relative;
+  i {
+    color: #fff;
+    display: inline-block;
+    font-size: 22px;
+    display: block;
+    margin-top: 7px;
+    cursor: pointer;
+    & + i {
+      margin-left: 3px;
+    }
+    @media (min-width: 768px) {
+      &:hover + .player-tooltip {
+        display: block;
+      }
+    }
+  }
+}
 </style>
 <style lang="scss" scoped>
-	@import '@/style/mixin.scss';
+@import "@/style/mixin.scss";
 
-	::v-deep .containerBg {	
-		.uni-audio-default{width: 100% !important;}
-		#myVideo {
-			width: 100% !important;		
-		}
-		video{width: 100% !important;	}
-	}
-	.flexbox{display: flex;}
-.subItem{ 
-	background-color: #ebeef5; padding: 10rpx;
-	flex-wrap: wrap; 
-	justify-content:start;  
-	text{display: inline-block; width: calc(25% - 8rpx); text-align: center; border-radius: 10rpx; color:  #258feb; padding: 10rpx 20rpx;  border: 1px solid #258feb;
-		margin: 6rpx 0; font-size: 26rpx; margin-right: 10rpx;
-	}
-	text:last-child{margin-right: 0 !important;}
-	.cur{background: #258feb; display: inline-block; color: #fff;  border-radius: 10rpx; padding: 10rpx 20rpx; }
-	
+::v-deep .containerBg {
+  .uni-audio-default {
+    width: 100% !important;
+  }
+  #myVideo {
+    width: 100% !important;
+  }
+  video {
+    width: 100% !important;
+  }
+}
+.flexbox {
+  display: flex;
+}
+.subItem {
+  background-color: #ebeef5;
+  padding: 10rpx;
+  flex-wrap: wrap;
+  justify-content: start;
+  text {
+    display: inline-block;
+    width: calc(25% - 8rpx);
+    text-align: center;
+    border-radius: 10rpx;
+    color: #258feb;
+    padding: 10rpx 20rpx;
+    border: 1px solid #258feb;
+    margin: 6rpx 0;
+    font-size: 26rpx;
+    margin-right: 10rpx;
+  }
+  text:last-child {
+    margin-right: 0 !important;
+  }
+  .cur {
+    background: #258feb;
+    display: inline-block;
+    color: #fff;
+    border-radius: 10rpx;
+    padding: 10rpx 20rpx;
+  }
 }
 .close {
-		display: flex;
-		justify-content: right;
-		padding-top: 60rpx;
-		padding-right: 20px;
-	}
-	.infoBox {
-		padding: 20rpx;
-		font-size: 26rpx;
-	}
+  display: flex;
+  justify-content: right;
+  padding-top: 60rpx;
+  padding-right: 20px;
+}
+.infoBox {
+  padding: 20rpx;
+  font-size: 26rpx;
+}
 
-	// 	  .leve2{background-color: #71a5ff; }
-	// 	  .leve3{background-color: #9bbeff; }
-	// .leve4{background-color: #b6d0ff; }
-	.containerBg {
-		// background-color: $containerColor;
-		background-color: #fff;
-		padding: 0 20rpx;
-		min-height: calc(100vh - 270rpx);
-	}
+// 	  .leve2{background-color: #71a5ff; }
+// 	  .leve3{background-color: #9bbeff; }
+// .leve4{background-color: #b6d0ff; }
+.containerBg {
+  // background-color: $containerColor;
+  background-color: #fff;
+  padding: 0 20rpx;
+  min-height: calc(100vh - 270rpx);
+}
 
-	.uni-collapse-item__title-text {
-		font-size: 30rpx;
-	}
+.uni-collapse-item__title-text {
+  font-size: 30rpx;
+}
 
-	.videoTemp {
-		position: relative;
+.videoTemp {
+  position: relative;
 
-		.u-icon {
-			position: absolute;
-			z-index: 2;
-			left: calc(50% - 40rpx);
-			top: calc(50% - 40rpx);
-		}
+  .u-icon {
+    position: absolute;
+    z-index: 2;
+    left: calc(50% - 40rpx);
+    top: calc(50% - 40rpx);
+  }
 
-		image {
-			width: 100%;
-		}
-	}
+  image {
+    width: 100%;
+  }
+}
 
-	.videoTemp:before {
-		content: '';
-		display: block;
-		width: 100%;
-		position: absolute;
-		left: 0;
-		top: 0;
-		height: 100%;
-		background-color: rgba(0, 0, 0, .5);
-		z-index: 1;
-	}
-	
+.videoTemp:before {
+  content: "";
+  display: block;
+  width: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 1;
+}
 
-	.proTitle {
-		text-align: center;
-		padding: 20rpx 0;
-		margin-top: 60rpx;
-		// margin-bottom: 20rpx;
-		color: #666;
-		font-size: 26rpx;
-	}
+.proTitle {
+  text-align: center;
+  padding: 20rpx 0;
+  margin-top: 60rpx;
+  // margin-bottom: 20rpx;
+  color: #666;
+  font-size: 26rpx;
+}
 
-	.sub1List {
-		background-color: #f7f7f7;
-		// padding-left: 20rpx;
-	}
+.sub1List {
+  background-color: #f7f7f7;
+  // padding-left: 20rpx;
+}
 
-	.content {
-		.item {
-			background-color: #fff;
-			line-height: 80rpx;
-			font-size: 26rpx;
-			color: #497387;
-			// border-bottom: 1px solid #dae8f0;
+.content {
+  .item {
+    background-color: #fff;
+    line-height: 80rpx;
+    font-size: 26rpx;
+    color: #497387;
+    // border-bottom: 1px solid #dae8f0;
 
-			text {
-				padding-left: 20rpx;
-			}
-			.item:last-child{
-				border-bottom: 0;
-			}
-		}
+    text {
+      padding-left: 20rpx;
+    }
+    .item:last-child {
+      border-bottom: 0;
+    }
+  }
 
-		.item.active {
-			// background-color: #aed1ec; 
-			color: #fff;
-			background-image: linear-gradient(90deg, #258feb 0%, #00e1ec 100%) !important;
-		}
-		.textss{display: inline-block; width: 100%; border-bottom: 1px solid #ebeef5;}
-		.leve2{
-			.textss{padding-left: 20rpx;}
-		}
-		.leve2{
-			.textss{padding-left: 40rpx;}
-		}
-		.leve3{
-			.textss{padding-left: 60rpx;}
-		}
-		.leve4{
-			.textss{padding-left: 80rpx;}
-		}
-	}	
-	// .textss:last-child{
-	// 			border-bottom: 0;
-	// 		}
-	.topRight{margin-right: 20rpx; font-size: 28rpx; display: flex;}
-	
+  .item.active {
+    // background-color: #aed1ec;
+    color: #fff;
+    background-image: linear-gradient(
+      90deg,
+      #258feb 0%,
+      #00e1ec 100%
+    ) !important;
+  }
+  .textss {
+    display: inline-block;
+    width: 100%;
+    border-bottom: 1px solid #ebeef5;
+  }
+  .leve2 {
+    .textss {
+      padding-left: 20rpx;
+    }
+  }
+  .leve2 {
+    .textss {
+      padding-left: 40rpx;
+    }
+  }
+  .leve3 {
+    .textss {
+      padding-left: 60rpx;
+    }
+  }
+  .leve4 {
+    .textss {
+      padding-left: 80rpx;
+    }
+  }
+}
+// .textss:last-child{
+// 			border-bottom: 0;
+// 		}
+.topRight {
+  margin-right: 20rpx;
+  font-size: 28rpx;
+  display: flex;
+}
 
-	audio {
-		width: 100% !important;
-	}
-</style>
\ No newline at end of file
+audio {
+  width: 100% !important;
+}
+</style>

From 3b3cc95f9fbbfff5596b1ba9f4efeeea36b87a9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=8B=E4=BA=8E=E5=88=9D=E8=A7=81?= <752204717@qq.com>
Date: Mon, 1 Jul 2024 14:39:53 +0800
Subject: [PATCH 2/4] 111

---
 pages/course/components/video.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/pages/course/components/video.vue b/pages/course/components/video.vue
index e9532fb..099866b 100644
--- a/pages/course/components/video.vue
+++ b/pages/course/components/video.vue
@@ -21,6 +21,7 @@
         v-if="courseInfo.mediaType == 1 && courseInfo.media != ''"
       >
         <div
+          :change:isClose="renderScript.receiveClose"
           ref="videoContent"
           @tap="renderScript.handleClick"
           id="url-player-test"
@@ -48,6 +49,7 @@ export default {
   data() {
     return {
       isFullScreen: false,
+      isClose: false,
       playData: {},
       Leve1: [],
       Leve2: [],
@@ -143,13 +145,17 @@ export default {
   //方法
   methods: {
     async initVideo(data) {
+      this.isClose = true;
       this.videoContext = null;
       this.videoContext = uni.createVideoContext("myVideo");
       this.videoId = data.videoId;
       this.playAuth = await this.getVideoPath(data.videoId);
+      this.isClose = false;
       await this.getLive(this.playAuth);
     },
-    async initAudio() {},
+    async initAudio() {
+      this.isClose = true;
+    },
     getLive(playAuthsss) {
       //playAuth 是播放凭证 通过后端自己根据api去获取，返回时不知道为什么结束会带有 = 有时候甚至是2个 所以要截取等号 不然不能播放
       var playAuth = this.playAuth.replace(/=/g, "");
@@ -485,7 +491,16 @@ export default {
 	},
 
 	methods: {
+		receiveClose(newValue, oldValue, ownerVm, vm) {
+				// //数据变化
 
+				if (this.player&&this.isClose) {
+	      this.player.dispose()
+	      this.player = null
+	    }
+
+
+			},
 		handleClick(event, ownerInstance) {
 			console.log('event at line 165:', event)
 			//             this.player.on('ready',function(){

From cd34e5455e81287c9a73cad7928a51cc0bcc04e3 Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Tue, 2 Jul 2024 11:27:48 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E8=A7=86=E9=A2=91=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=80=8D=E9=80=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../commonComponents/video/index.vue          | 1888 +++++++++--------
 1 file changed, 976 insertions(+), 912 deletions(-)

diff --git a/pages/component/commonComponents/video/index.vue b/pages/component/commonComponents/video/index.vue
index f551d17..aa86a54 100644
--- a/pages/component/commonComponents/video/index.vue
+++ b/pages/component/commonComponents/video/index.vue
@@ -1,6 +1,6 @@
 <template>
-  <view class="container" style="background-color: #000; position: relative">
-    <!-- <u-icon
+	<view class="container" style="background-color: #000; position: relative">
+		<!-- <u-icon
       @click="goBack"
       name="arrow-left"
       color="#258feb"
@@ -9,59 +9,39 @@
         statusBarHeight + 2
       }px; left: ${10}px;z-index: 999;`"
     ></u-icon>-->
-    <view style="width: 100%; height: 200px" v-if="currentVideo.type == 1">
-      <div
-        class=""
-        style="background-color: #000"
-        ref="videoContent"
-        @tap="renderScript.handleClick"
-        id="url-player-test"
-        :videoData="videoData"
-        :winWidth="winWidth"
-        :winHeight="winHeight"
-        :currentVideoList="currentVideoList"
-        :firstTime="firstTime"
-        :change:videoData="renderScript.receiveMsg"
-        :change:winWidth="renderScript.receiveWinWidth"
-        :change:winHeight="renderScript.receiveWinHeight"
-        :change:firstTime="renderScript.receiveFirstTime"
-        :change:currentVideoList="renderScript.receiveVideoList"
-      ></div>
-      <div @tap="renderScript.emitData" ref="videoContent1" v-show="false">
-        直接调用renderjs中的emitData的方法,传递当前播放时长
-      </div>
-      <div @tap="renderScript.endEmitData" ref="videoContent2" v-show="false">
-        监听结束方法，记录播放时长
-      </div>
+		<view style="width: 100%; height: 200px" v-if="currentVideo.type == 1">
+			<div class="" style="background-color: #000" ref="videoContent" @tap="renderScript.handleClick"
+				id="url-player-test" :videoData="videoData" :winWidth="winWidth" :winHeight="winHeight"
+				:currentVideoList="currentVideoList" :firstTime="firstTime" :change:videoData="renderScript.receiveMsg"
+				:change:winWidth="renderScript.receiveWinWidth" :change:winHeight="renderScript.receiveWinHeight"
+				:change:firstTime="renderScript.receiveFirstTime"
+				:change:currentVideoList="renderScript.receiveVideoList"></div>
+			<div @tap="renderScript.emitData" ref="videoContent1" v-show="false">
+				直接调用renderjs中的emitData的方法,传递当前播放时长
+			</div>
+			<div @tap="renderScript.endEmitData" ref="videoContent2" v-show="false">
+				监听结束方法，记录播放时长
+			</div>
 
-      <div class="fullScreenButton-container">
-        <div
-          :class="`prism-fullscreen-btn ${isFullScreen ? 'fullscreen' : ''}`"
-          @tap="renderScript.changeVideoScreen"
-        ></div>
-        <!-- <img class=" iconfont icon-list" src="../../../../static/icon/cate_bg.png" style="width: 60px;height: 10px;"></img> -->
-      </div>
-    </view>
-    <view style="width: 100%; height: 200px; position: relative" v-else>
-      <video
-        @timeupdate="videoTimeUpdateEvent($event)"
-        ref="videos"
-        style="width: 100%; height: 100%"
-        autoplay
-        id="videoId"
-        object-fit="contain"
-        class="video-box"
-        :src="videoUrl"
-        :poster="`${videoUrl}?x-oss-process=video/snapshot,t_${1},f_jpg`"
-        @play="playVideo"
-      >
-        <cover-view style="position: absolute; top: 10px; z-index: 80">
-          <cover-view class="returnBack" @click="goBack">
-            <uni-icons type="back" size="26" color="#fff"></uni-icons>
-            <text class="txt">返回</text>
-          </cover-view>
-        </cover-view>
-        <!-- <cover-view v-if="isFullScreen && isControl">
+			<div class="fullScreenButton-container">
+				<div :class="`prism-fullscreen-btn ${isFullScreen ? 'fullscreen' : ''}`"
+					@tap="renderScript.changeVideoScreen"></div>
+					<!-- <div class="beisuBtn" id="beisuBtn" @tap="renderScript.changeSpeed">倍速</div> -->
+				<!-- <img class=" iconfont icon-list" src="../../../../static/icon/cate_bg.png" style="width: 60px;height: 10px;"></img> -->
+			</div>
+			<!-- <div class="beisuBtn" id="beisuBtn" @tap="renderScript.changeSpeed">倍速</div> -->
+		</view>
+		<view style="width: 100%; height: 200px; position: relative" v-else>
+			<video @timeupdate="videoTimeUpdateEvent($event)" ref="videos" style="width: 100%; height: 100%" autoplay
+				id="videoId" object-fit="contain" class="video-box" :src="videoUrl"
+				:poster="`${videoUrl}?x-oss-process=video/snapshot,t_${1},f_jpg`" @play="playVideo">
+				<cover-view style="position: absolute; top: 10px; z-index: 80">
+					<cover-view class="returnBack" @click="goBack">
+						<uni-icons type="back" size="26" color="#fff"></uni-icons>
+						<text class="txt">返回</text>
+					</cover-view>
+				</cover-view>
+				<!-- <cover-view v-if="isFullScreen && isControl">
           <view class="right_title">
             <view class="returnBack" @click="quitScreen">
               <uni-icons type="back" size="26" color="#fff"></uni-icons>
@@ -74,908 +54,992 @@
             </view>
           </view>
         </cover-view> -->
-      </video>
-    </view>
-  </view>
+			</video>
+		</view>
+	</view>
 </template>
 <script>
-import $http from "@/config/requestConfig.js";
-import { mapState, mapMutations } from "vuex";
+	import $http from "@/config/requestConfig.js";
+	import {
+		mapState,
+		mapMutations
+	} from "vuex";
 
-// importScripts('@/static/aliplayer/aliplayer-min.js')
-export default {
-  props: ["currentVideo", "currentVideoList"],
-  data() {
-    return {
-      //当前是否是全屏模式
-      isFullScreen: false,
-      isControl: true,
-      timer: null,
-      videoTitle: "",
-      videoList: [],
-      firstTime: 0,
-      options: {},
-      playAuth: "",
-      currentTime: "",
-      videoId: "",
-      videoData: {},
-      isSetFirstTime: false,
-      screenType: null,
-      videoUrl: null,
-    };
-  },
-  computed: {
-    ...mapState(["videoOssList"]),
-  },
-  watch: {
-    currentVideo: {
-      immediate: true,
-      handler(newRoute) {},
-    },
-  },
-  // //页面显示
-  mounted() {},
-  async onUnload() {
-    uni.navigateTo({
-      url: "/pages/curriculum/order/curriculum/back",
-    });
-    // #ifdef APP-PLUS
-    plus.screen.lockOrientation("portrait-primary"); //锁死屏幕方向为竖屏
+	// importScripts('@/static/aliplayer/aliplayer-min.js')
+	export default {
+		props: ["currentVideo", "currentVideoList"],
+		data() {
+			return {
+				//当前是否是全屏模式
+				isFullScreen: false,
+				isControl: true,
+				timer: null,
+				videoTitle: "",
+				videoList: [],
+				firstTime: 0,
+				options: {},
+				playAuth: "",
+				currentTime: "",
+				videoId: "",
+				videoData: {},
+				isSetFirstTime: false,
+				screenType: null,
+				videoUrl: null,
+			};
+		},
+		computed: {
+			...mapState(["videoOssList"]),
+		},
+		watch: {
+			currentVideo: {
+				immediate: true,
+				handler(newRoute) {},
+			},
+		},
+		// //页面显示
+		mounted() {},
+		async onUnload() {
+			uni.navigateTo({
+				url: "/pages/curriculum/order/curriculum/back",
+			});
+			// #ifdef APP-PLUS
+			plus.screen.lockOrientation("portrait-primary"); //锁死屏幕方向为竖屏
 
-    // plus.screen.lockOrientation("portrait-primary");
-    // #endif
-    this.timer = null;
-    await this.setVideoTime();
-    this.player.dispose();
-  },
+			// plus.screen.lockOrientation("portrait-primary");
+			// #endif
+			this.timer = null;
+			await this.setVideoTime();
+			this.player.dispose();
+		},
 
-  //第一次加载
-  onLoad(options) {
-    console.log(options, "这是传参");
-    // #ifdef APP-PLUS
+		//第一次加载
+		onLoad(options) {
+			console.log(options, "这是传参");
+			// #ifdef APP-PLUS
 
-    setTimeout(() => {
-      plus.screen.unlockOrientation();
-      plus.screen.lockOrientation("landscape-primary");
-    }, 10);
-    //	#endif
+			setTimeout(() => {
+				plus.screen.unlockOrientation();
+				plus.screen.lockOrientation("landscape-primary");
+			}, 10);
+			//	#endif
 
-    // #ifdef APP-PLUS
+			// #ifdef APP-PLUS
 
-    // plus.screen.lockOrientation("portrait-primary");
-    // #endif
-    if (uni.getStorageSync("videoOssList")) {
-      this.videoList = JSON.parse(uni.getStorageSync("videoOssList"));
-    }
+			// plus.screen.lockOrientation("portrait-primary");
+			// #endif
+			if (uni.getStorageSync("videoOssList")) {
+				this.videoList = JSON.parse(uni.getStorageSync("videoOssList"));
+			}
 
-    console.log("this.videoList at line 53:", this.videoList);
+			console.log("this.videoList at line 53:", this.videoList);
 
-    this.options = JSON.parse(options.data);
+			this.options = JSON.parse(options.data);
 
-    this.videoId = this.options.video;
+			this.videoId = this.options.video;
 
-    this.timer = setInterval(() => {
-      var that = this;
-      if (this.currentTime) {
-        that.setVideoTime();
-      }
-    }, 60000 * 10);
-  },
+			this.timer = setInterval(() => {
+				var that = this;
+				if (this.currentTime) {
+					that.setVideoTime();
+				}
+			}, 60000 * 10);
+		},
 
-  methods: {
-    screenChange(data) {
-      console.log(
-        "status at line 这是当前的状态158:",
-        data.status,
-        data.primary
-      );
-      this.isFullScreen = !data.status;
-      this.$emit("changeScreen", this.isFullScreen);
-      // let fullScreen = e.detail.fullScreen; // 值true为进入全屏，false为退出全屏
-      // if (!fullScreen) {
-      //   //退出全屏
-      //   this.isFullScreen = false;
-      // } else {
-      //   this.isFullScreen = true;
-      // }
-    },
-    // 控制器的显示隐藏
-    controlChange(e) {
-      this.isControl = e.detail.show;
-    },
-    quitScreen() {
-      // 退出全屏
-      const ctx = this.$refs.myVideo;
-      ctx.exitFullScreen();
-    },
-    // 播放进度改变
-    videoTimeUpdateEvent(e) {
-      console.log("e at line 78:", e);
-      this.playTime = parseInt(e.detail.currentTime);
-      this.allTime = parseInt(e.detail.duration);
-      console.log("视频播放时长", this.playTime, "视频总时长", this.allTime);
+		methods: {
+			screenChange(data) {
+				console.log(
+					"status at line 这是当前的状态158:",
+					data.status,
+					data.primary
+				);
+				this.isFullScreen = !data.status;
+				this.$emit("changeScreen", this.isFullScreen);
+				// let fullScreen = e.detail.fullScreen; // 值true为进入全屏，false为退出全屏
+				// if (!fullScreen) {
+				//   //退出全屏
+				//   this.isFullScreen = false;
+				// } else {
+				//   this.isFullScreen = true;
+				// }
+			},
+			// 控制器的显示隐藏
+			controlChange(e) {
+				this.isControl = e.detail.show;
+			},
+			quitScreen() {
+				// 退出全屏
+				const ctx = this.$refs.myVideo;
+				ctx.exitFullScreen();
+			},
+			// 播放进度改变
+			videoTimeUpdateEvent(e) {
+				console.log("e at line 78:", e);
+				this.playTime = parseInt(e.detail.currentTime);
+				this.allTime = parseInt(e.detail.duration);
+				console.log("视频播放时长", this.playTime, "视频总时长", this.allTime);
 
-      this.recordTime({
-        time: this.playTime,
-      });
-    },
-    async init(data) {
-      // uni.getSystemInfo({
-      // success(res) {
-      //   var winWidth = res.screenWidth;
-      //   var winHeight = res.screenHeight;
-      //  var statusBarHeight = res.statusBarHeight;
+				this.recordTime({
+					time: this.playTime,
+				});
+			},
+			async init(data) {
+				// uni.getSystemInfo({
+				// success(res) {
+				//   var winWidth = res.screenWidth;
+				//   var winHeight = res.screenHeight;
+				//  var statusBarHeight = res.statusBarHeight;
 
-      console.log("at line 59:", "是否先走这里");
-      if (uni.getStorageSync("videoOssList")) {
-        this.videoList = JSON.parse(uni.getStorageSync("videoOssList"));
-      }
-      this.options = data.currentVideo;
-      console.log("this.options at line 64:", this.options);
-      this.videoId = this.options.video;
-      this.timer = setInterval(async () => {
-        var that = this;
-        if (this.currentTime) {
-          await that.setVideoTime();
-        }
-      }, 60000 * 10);
-      await this.getLive();
-    },
-    getData(data) {
-      console.log(
-        "data at line 这是接口拿回来的时长11111111111111111111:",
-        this.videoData.userCourseVideoPositionEntity
-      );
-      if (!this.isSetFirstTime) {
-        var netWork = this.videoData.userCourseVideoPositionEntity
-          ? this.videoData.userCourseVideoPositionEntity.position
-          : 0;
-        var list = JSON.parse(uni.getStorageSync("videoOssList"));
-        console.log("这是获取接口 设置的起始时长", netWork);
-        var index = list.findIndex((e) => e.id == this.videoData.id);
+				console.log("at line 59:", "是否先走这里");
+				if (uni.getStorageSync("videoOssList")) {
+					this.videoList = JSON.parse(uni.getStorageSync("videoOssList"));
+				}
+				this.options = data.currentVideo;
+				console.log("this.options at line 64:", this.options);
+				this.videoId = this.options.video;
+				this.timer = setInterval(async () => {
+					var that = this;
+					if (this.currentTime) {
+						await that.setVideoTime();
+					}
+				}, 60000 * 10);
+				await this.getLive();
+			},
+			getData(data) {
+				console.log(
+					"data at line 这是接口拿回来的时长11111111111111111111:",
+					this.videoData.userCourseVideoPositionEntity
+				);
+				if (!this.isSetFirstTime) {
+					var netWork = this.videoData.userCourseVideoPositionEntity ?
+						this.videoData.userCourseVideoPositionEntity.position :
+						0;
+					var list = JSON.parse(uni.getStorageSync("videoOssList"));
+					console.log("这是获取接口 设置的起始时长", netWork);
+					var index = list.findIndex((e) => e.id == this.videoData.id);
 
-        if (netWork) {
-          if (index >= 0) {
-            this.firstTime =
-              list[index].time > netWork ? list[index].time : netWork;
-          } else {
-            this.firstTime = netWork ? netWork : 0;
-          }
-        } else {
-          if (index >= 0) {
-            this.firstTime = list[index].time ? list[index].time : 0;
-          } else {
-            this.firstTime = 0;
-          }
-        }
+					if (netWork) {
+						if (index >= 0) {
+							this.firstTime =
+								list[index].time > netWork ? list[index].time : netWork;
+						} else {
+							this.firstTime = netWork ? netWork : 0;
+						}
+					} else {
+						if (index >= 0) {
+							this.firstTime = list[index].time ? list[index].time : 0;
+						} else {
+							this.firstTime = 0;
+						}
+					}
 
-        uni.setStorageSync("videoOssList", JSON.stringify(list));
-        console.log(
-          "list at line 这是设置完第一次初始值9777777777777777777770:",
-          list
-        );
-        if (this.currentVideo.type == 0 || this.currentVideo.type == 2) {
-          this.playVideo();
-        }
-        console.log(this.firstTime, "1111111111111111111111");
-        this.isSetFirstTime = true;
-      }
-    },
-    playVideo(e) {
-      this.videoContext = uni.createVideoContext("videoId", this);
+					uni.setStorageSync("videoOssList", JSON.stringify(list));
+					console.log(
+						"list at line 这是设置完第一次初始值9777777777777777777770:",
+						list
+					);
+					if (this.currentVideo.type == 0 || this.currentVideo.type == 2) {
+						this.playVideo();
+					}
+					console.log(this.firstTime, "1111111111111111111111");
+					this.isSetFirstTime = true;
+				}
+			},
+			playVideo(e) {
+				this.videoContext = uni.createVideoContext("videoId", this);
 
-      this.videoContext.seek(this.firstTime);
-      //   this.videoContext.requestFullScreen();
-    },
-    recordTime(data) {
-      this.currentTime = data.time;
-      console.log("data at line 54:", data);
-      var list = [];
-      if (uni.getStorageSync("videoOssList")) {
-        list = JSON.parse(uni.getStorageSync("videoOssList"));
-      }
+				this.videoContext.seek(this.firstTime);
+				//   this.videoContext.requestFullScreen();
+			},
+			recordTime(data) {
+				this.currentTime = data.time;
+				console.log("data at line 54:", data);
+				var list = [];
+				if (uni.getStorageSync("videoOssList")) {
+					list = JSON.parse(uni.getStorageSync("videoOssList"));
+				}
 
-      console.log("list at line 56:", list);
-      console.log("点击后设置播放时长的方法list at line 65:", list);
-      var index = list.findIndex((e) => e.id == this.videoData.id);
-      if (list.length > 0 && index >= 0) {
-        list[index] = {
-          ...this.videoData,
+				console.log("list at line 56:", list);
+				console.log("点击后设置播放时长的方法list at line 65:", list);
+				var index = list.findIndex((e) => e.id == this.videoData.id);
+				if (list.length > 0 && index >= 0) {
+					list[index] = {
+						...this.videoData,
 
-          time: data.time,
-        };
-      } else {
-        list.push({
-          ...this.videoData,
-          time: data.time,
-        });
-      }
+						time: data.time,
+					};
+				} else {
+					list.push({
+						...this.videoData,
+						time: data.time,
+					});
+				}
 
-      uni.setStorageSync("videoOssList", JSON.stringify(list));
+				uni.setStorageSync("videoOssList", JSON.stringify(list));
 
-      console.log(list, "走接口的方法参数");
-    },
-    // 获取数据
-    getLive() {
-      var data = {
-        ...this.options,
-      };
+				console.log(list, "走接口的方法参数");
+			},
+			// 获取数据
+			getLive() {
+				var data = {
+					...this.options,
+				};
 
-      $http
-        .request({
-          url: `sociology/course/checkVideo`,
-          method: "Post", // POST、GET、PUT、DELETE，具体说明查看官方文档
-          data,
-          header: {
-            //默认 无 说明：请求头
-            "Content-Type": "application/json",
-          },
-        })
-        .then((res) => {
-          console.log("res at line 252111111111111111111111111111:", res);
-          if (this.currentVideo.type == 1) {
-            var playAuth = res.video.playAuth.replace(/=/g, "");
-            this.videoData = {
-              ...res.video,
-              videoId: res.video.video,
-              playAuth: playAuth,
-            };
-            this.playAuth = playAuth;
-          } else {
-            this.videoData = res.video;
-            this.videoUrl =
-              // "https://ehh-private-01.oss-cn-beijing.aliyuncs.com/video/taiHuClass/" +
-              res.video.videoUrl;
-            this.$nextTick(async () => {
-              await this.getData();
-            });
-          }
+				$http
+					.request({
+						url: `sociology/course/checkVideo`,
+						method: "Post", // POST、GET、PUT、DELETE，具体说明查看官方文档
+						data,
+						header: {
+							//默认 无 说明：请求头
+							"Content-Type": "application/json",
+						},
+					})
+					.then((res) => {
+						console.log("res at line 252111111111111111111111111111:", res);
+						if (this.currentVideo.type == 1) {
+							var playAuth = res.video.playAuth.replace(/=/g, "");
+							this.videoData = {
+								...res.video,
+								videoId: res.video.video,
+								playAuth: playAuth,
+							};
+							this.playAuth = playAuth;
+						} else {
+							this.videoData = res.video;
+							this.videoUrl =
+								// "https://ehh-private-01.oss-cn-beijing.aliyuncs.com/video/taiHuClass/" +
+								res.video.videoUrl;
+							this.$nextTick(async () => {
+								await this.getData();
+							});
+						}
 
-          this.$forceUpdate();
-        });
-    },
-    async handleEnd() {
-      var list = JSON.parse(JSON.stringify(uni.getStorageSync("videoOssList")));
+						this.$forceUpdate();
+					});
+			},
+			async handleEnd() {
+				var list = JSON.parse(JSON.stringify(uni.getStorageSync("videoOssList")));
 
-      var data = list.find((e) => e.id == this.videoData.id);
+				var data = list.find((e) => e.id == this.videoData.id);
 
-      this.currentTime = data.time;
+				this.currentTime = data.time;
 
-      await this.setVideoTime();
-      this.timer = null;
-    },
-    setVideoTime(time) {
-      var data = {
-        videoId: this.videoData.id,
-        position: this.currentTime, //秒数
-      };
-      console.log("data at line =存储视频时长接口:", data);
-      $http
-        .request({
-          // url: "book/buyOrder/buySave",
-          url: `sociology/course/saveCoursePosition`,
-          method: "Post", // POST、GET、PUT、DELETE，具体说明查看官方文档
-          data,
-          header: {
-            //默认 无 说明：请求头
-            "Content-Type": "application/json",
-          },
-        })
-        .then((res) => {
-          console.log("res at line 185:", res);
-          //   console.log("data at line 5911111:", this.videoData);
-          this.$forceUpdate();
-        });
-    },
-    changePlayerTime(player) {
-      console.log("this.firstTime at line 106:", this.firstTime);
-      player.seek(this.firstTime);
-    },
-    goBack() {
-      uni.navigateBack({
-        delta: 1,
-      });
-    },
-  },
+				await this.setVideoTime();
+				this.timer = null;
+			},
+			setVideoTime(time) {
+				var data = {
+					videoId: this.videoData.id,
+					position: this.currentTime, //秒数
+				};
+				console.log("data at line =存储视频时长接口:", data);
+				$http
+					.request({
+						// url: "book/buyOrder/buySave",
+						url: `sociology/course/saveCoursePosition`,
+						method: "Post", // POST、GET、PUT、DELETE，具体说明查看官方文档
+						data,
+						header: {
+							//默认 无 说明：请求头
+							"Content-Type": "application/json",
+						},
+					})
+					.then((res) => {
+						console.log("res at line 185:", res);
+						//   console.log("data at line 5911111:", this.videoData);
+						this.$forceUpdate();
+					});
+			},
+			changePlayerTime(player) {
+				console.log("this.firstTime at line 106:", this.firstTime);
+				player.seek(this.firstTime);
+			},
+			goBack() {
+				uni.navigateBack({
+					delta: 1,
+				});
+			},
+		},
 
-  created() {},
-};
+		created() {},
+	};
 </script>
 
 <script module="renderScript" lang="renderjs">
+	import $ from 'jquery'
+	//  import StaticADComponent from './staticadcomponent/index.js';
+	/**
+	 * 静态广告组件
+	 */
+
+
+	export default {
+		/**
+		 * 静态广告组件
+		 */
+
+		components: {
+			// MyComponent
+		},
+		mounted() {
+			// 在适合的生命周期，通过script和link标签引入播放器sdk、css
+			console.log(this.options, '这是monted')
+			this.loadWebPlayerSDK()
+			this.loadComponent()
+		},
+		data() {
+			return {
+				player: null,
+				curTime: null,
+				curStatus: null,
+				// currentTime:null,
+			}
+		},
+
+
+		watch: {
+
+
+			curTime(val) {
+				if (this.curTime !== null && this.curStatus !== null) {
+					this.$refs.videoContent1.click()
+				}
+			}
+		},
+
+		methods: {
+
+			handleClick(event, ownerInstance) {
+				console.log('event at line 165:', event)
+				//             this.player.on('ready',function(){
+				//    var status=  this.player.fullscreenService.getIsFullScreen()
+				//    console.log('status at line 403:', status)
+				// console.log('触发点击事件',status))
+				//   })
+
+				ownerInstance.callMethod('getData')
+
+			},
+			emitData(event, ownerInstance) {
+				var that = this;
+
+				ownerInstance.callMethod('recordTime', {
+					time: that.curTime,
+					status: that.curStatus
+				})
+
+			},
+			changeVideoScreen(event, ownerInstance) {
+				var that = this;
+				// this.$emit('changeScreenLoading',true)
+				var status = this.player.fullscreenService.getIsFullScreen();
+				ownerInstance.callMethod('screenChange', {
+					status: status,
+					primary: status ? 'portrait' : 'landscape'
+				})
+				if (status) {
+					setTimeout(() => {
+						plus.screen.lockOrientation("portrait-primary"); //锁死屏幕方向为竖屏
+						this.player.fullscreenService.cancelFullScreen();
+						// this.$emit('changeScreenLoading',false);
+					}, 100);
+					// this.player.setPlayerSize('100%','200px');
+				} else {
+
+					//               this.player.setPlayerSize({
+					//   w:"400px",
+					//   height:'60%'
+					//  });
+					// plus.screen.unlockOrientation();
+					this.player.fullscreenService.requestFullScreen();
+					setTimeout(() => {
+						// this.$emit('changeScreenLoading',false);
+						plus.screen.lockOrientation("landscape-primary");
+
+					}, 100);
+				}
+			},
+			changeSpeed(event, ownerInstance){
+				console.log('点击了');
+			},
+			endEmitData(event, ownerInstance) {
+				var that = this;
+
+				ownerInstance.callMethod('handleEnd', )
+			},
+			getLive() {
+				if (this.videoData.type == 1) {
+					var fullScreenButtonComponent = Aliplayer.Component({
+						/**
+						 * 初始函数，在new对象时调用
+						 *
+						 * @param {string} adAddress - 广告视频地址
+						 * @param {string} toAddress - 广告链接地址
+						 */
+						init: function(status, toAddress) {
+
+							this.fullScreenStatus = status
+							// this.adAddress = adAddress;
+							// this.toAddress = toAddress;
+
+							this.$html = $('.fullScreenButton-container');
+							// this.$html.hide();
+						},
+
+						/**
+						 * 创建广告Dom元素
+						 */
+						createEl: function(el) {
+
+
+							this.$html.find('.ad').attr('src', this.adAddress);
+							var $adWrapper = this.$html.find('.ad-wrapper');
+							$adWrapper.attr('href', this.toAddress);
+							$adWrapper.click(function() {
+								// Aliplayer.util.stopPropagation();
+							});
+							// this.$html.find('.close').click(function () {
+							//   this.$html.hide();
+							// });
+							// $(el).find('.prism-controlbar').append(this.$html);
+							$(el).find('.prism-time-display').after(this.$html);
+						},
+						ready: function(player, e) {
+							// this.$html.hide()
+						},
+						/**
+						 * 隐藏广告
+						 */
+						play: function(player, e) {
+							// this.$html.show();
+						},
+						/**
+						 * 显示广告
+						 */
+						pause: function(player, e) {
+							// this.$html.show();
+						},
+						/**
+						 * 隐藏广告
+						 */
+						playing: function(player, e) {
+							this.$html.show();
+							// this.$html.hide();
+						},
+						waiting: function(player, e) {
+							// this.$html.hide()
+						},
+						timeupdate: function(player, e) {},
+						error: function(player, e) {},
+						/**
+						 * 显示广告
+						 */
+						ended: function(player, e) {
+							// this.$html.show();
+						}
+					});				
+
+					console.log('this.currentVideoList at line 456111111111111111111111:', this.videoList)
+					var player = new Aliplayer({
+						id: "url-player-test",
+						"vid": this.videoData
+							.videoId, // 必选参数，可以通过点播控制台（路径：媒资库>音/视频）查询。示例：1e067a2831b641db90d570b6480f****。
+						"playauth": this.videoData.playAuth, // 必选参数，参数值可通过调用GetVideoPlayAuth接口获取。
+						"encryptType": 1, // 必选参数，当播放私有加密流时需要设置本参数值为1。其它情况无需设置。
+						"playConfig": {
+							"EncryptType": 'AliyunVoDEncryption'
+						},
+						width: '100%', //容器的大小
+						// videoWidth: '100vw', //容器的大小
+						// videoHeight: '100vh', //容器的大小
+						height: '100%', //容器的大小
+						playsinline: true,
+						controlBarVisibility: "click",
+						cover: "",
+						components: [
+							//                   {
+							//   name: 'BulletScreenComponent',
+							//   type: AliPlayerComponent.BulletScreenComponent,
+							//   /** Descriptions of the scrolling text component parameters: text, style, bulletPosition
+							//    * text: The scrolling text
+							//    * style: The style of the scrolling text
+							//    * bulletPosition: The position of the scrolling text. Valid values: 'top', 'bottom', and 'random'. The default is 'random'.
+							//    */
+							//   args: ['本课程版权归天津众妙之门科技有限公司所有，翻版必究!', {fontSize: '16px', color: 'red',}, 'random']
+							// },
+							
+							{
+								name: 'adComponent',
+								type: fullScreenButtonComponent,
+								args: [
+									'http://101.201.146.165:8088/Pf-EH/statics/uploadFile/2024-05-10/b0f420c7-9178-41ad-9dd6-f59a64a6e190.png']
+							},
+							{
+							            name: 'RateComponent',
+							            type: AliPlayerComponent.RateComponent
+							          },
+
+								// {
+								// name: 'adComponent1',
+								// type: beisuBtnComponent,
+								// args:['http://example.aliyundoc.com/cover.png']
+								// 	{
+								// 	    name: 'X0.75',
+								// 	    speed: 0.75
+								// 	}, {
+								// 	    name: 'X1.0',
+								// 	    speed: 1.0
+								// 	}, {
+								// 	    name: 'X1.25',
+								// 	    speed: 1.25
+								// 	}, {
+								// 	    name: 'X1.5',
+								// 	    speed: 1.5
+								// 	}, {
+								// 	    name: 'X2.0',
+								// 	    speed: 2.0
+								// 	},
+								// 	]
+							// },
+
+							// {
+							//   name: 'RotateMirrorComponent',
+							//   type: AliPlayerComponent.RotateMirrorComponent
+							// },
+
+
+						],
+
+						skinLayout: [{
+								name: "bigPlayButton",
+								align: "blabs",
+								x: 30,
+								y: 80
+							},
+							{
+								name: "H5Loading",
+								align: "cc"
+							},
+							{
+								name: "errorDisplay",
+								align: "tlabs",
+								x: 0,
+								y: 0
+							},
+							{
+								name: "infoDisplay"
+							},
+							{
+								name: "tooltip",
+								align: "blabs",
+								x: 0,
+								y: 56
+							},
+							{
+								name: "thumbnail"
+							},
+							{
+								name: "controlBar",
+								align: "blabs",
+								x: 0,
+								y: 0,
+								children: [{
+										name: "progress",
+										align: "blabs",
+										x: 0,
+										y: 44
+									},
+									{
+										name: "playButton",
+										align: "tl",
+										x: 15,
+										y: 12
+									},
+									{
+										name: "timeDisplay",
+										align: "tl",
+										x: 10,
+										y: 7
+									},
+									// {name: "fullScreenButton", align: "tr", x: 10, y: 12},
+									// {name:"subtitle", align:"tr",x:15, y:12},
+									{
+										name: "setting",
+										align: "tr",
+										x: 15,
+										y: 12
+									},
+									{
+										name: "prism-speed-selector",
+										align: "tr",
+										x: 15,
+										y: 12
+									},
+									{
+										name: "volume",
+										align: "tr",
+										x: 5,
+										y: 10
+									}
+								]
+							}
+						]
+
+					}, function(player) {
+
+
+
+					});
+
+
+
+					this.player = player;
+					this.$refs.videoContent.click()
+
+					var timer = setInterval(() => {
+						var that = this;
+						that.curTime = parseInt(this.player.getCurrentTime());
+						that.curStatus = this.player.getStatus()
+
+					}, 1000);
+					// player.on('ready',function(){
+					//      player.fullscreenService.requestFullScreen()
+
+					//   })
+					this.player.on('ended', function() {
+						console.log('that.curTime at line 242:', this.curTime)
+						console.log('that.curStatus at line 210:', this.curStatus)
+						this.$refs.videoContent2.click()
+
+					})
+				}
+
+
+				// player.setRotate(90)
+
+				//全屏播放
+
+				// player.one('canplay', function() {
+				//     // console.log('canplay', this.player.tag);
+				//     player.tag.play();
+
+				// });
+
+
+
+			},
+			receiveScreenType(newValue) {
+				console.log('newValue at line 427屏幕方向111111111111:', newValue)
+
+			},
+			receiveFirstTime(newValue, oldValue, ownerVm, vm) {
+				// //数据变化
+
+				console.log('newValue111', newValue)
+
+				console.log('vm4444', vm)
+				console.log('this.firstTime at line 215:', newValue)
+				if (this.player) {
+					this.player.seek(newValue);
+				}
+
+
+			},
+			receiveVideoList(newValue, oldValue, ownerVm, vm) {
+				// //数据变化
+
+				console.log('currentVideoListcurrentVideoListcurrentVideoList', newValue)
+
+
+
+
+
+			},
+			receiveMsg(newValue, oldValue, ownerVm, vm) {
+				//数据变化
+				// console.log('newValue', newValue)
+				// console.log('oldValue', oldValue)
+				// console.log('ownerVm', ownerVm)
+				// console.log('vm', vm)
+			},
+			receiveWinWidth(newValue, oldValue, ownerVm, vm) {
+				//数据变化
+				console.log('newValue', newValue)
+				// console.log('oldValue', oldValue)
+				// console.log('ownerVm', ownerVm)
+				// console.log('vm', vm)
+			},
+			receiveWinHeight(newValue, oldValue, ownerVm, vm) {
+				//数据变化
+				console.log('newValue', newValue)
+				// console.log('oldValue', oldValue)
+				// console.log('ownerVm', ownerVm)
+				// console.log('vm', vm)
+			},
+			checkValue() {
+				console.log(this.videoId, this.authId, "1111888888")
+				if (!this.videoData.playAuth || !this.currentVideoList) {
+					setTimeout(() => {
+						this.checkValue();
+					}, 1000);
+				} else {
 
-import $ from 'jquery'
-//  import StaticADComponent from './staticadcomponent/index.js';
-/**
-  * 静态广告组件
-  */
+					console.log('this.videoList at line 这是这只只是594:', this.currentVideoList)
+					this.getLive();
+				}
+			},
+			loadWebPlayerSDK() {
+				return new Promise((resolve, reject) => {
 
 
-export default {
-/**
-* 静态广告组件
-*/
-
-components: {
-    // MyComponent
-  },
-    mounted() {
-        // 在适合的生命周期，通过script和link标签引入播放器sdk、css
-        console.log(this.options, '这是monted')
-        this.loadWebPlayerSDK()
-        this.loadComponent()
-    },
-    data() {
-        return {
-            player: null,
-            curTime: null,
-            curStatus: null,
-            // currentTime:null,
-        }
-    },
-
-
-    watch: {
-
-
-        curTime(val) {
-            if (this.curTime !== null && this.curStatus !== null) {
-                this.$refs.videoContent1.click()
-            }
-        }
-    },
-
-    methods: {
-
-        handleClick(event, ownerInstance) {
-            console.log('event at line 165:', event)
-//             this.player.on('ready',function(){
-//    var status=  this.player.fullscreenService.getIsFullScreen()
-//    console.log('status at line 403:', status)
-// console.log('触发点击事件',status))
-//   })
-
-            ownerInstance.callMethod('getData')
-
-        },
-        emitData(event, ownerInstance) {
-            var that = this;
-
-            ownerInstance.callMethod('recordTime', {
-                time: that.curTime,
-                status: that.curStatus
-            })
-
-        },
-        changeVideoScreen(event, ownerInstance) {
-            var that = this;
-            // this.$emit('changeScreenLoading',true)
-            var status=this.player.fullscreenService.getIsFullScreen();
-       
-
-
-            ownerInstance.callMethod('screenChange', {
-               status:status,
-               primary:status?'portrait':'landscape'
-            })
-
-
- if(status){
-
-
-
-setTimeout(() => {
-  plus.screen.lockOrientation("portrait-primary"); //锁死屏幕方向为竖屏
-    this.player.fullscreenService.cancelFullScreen() ;
-  // this.$emit('changeScreenLoading',false);
-  
-  
-}, 100);
-
-
-  // this.player.setPlayerSize('100%','200px');
-
-
-
-
-            }else{
-
-//               this.player.setPlayerSize({
-//   w:"400px",
-//   height:'60%'
-//  });
-// plus.screen.unlockOrientation();
-this.player.fullscreenService.requestFullScreen();
-     setTimeout(() => {
-      // this.$emit('changeScreenLoading',false);
-         plus.screen.lockOrientation("landscape-primary");
-
-      }, 100);
-
-
-
-
-
-
-            }
-        },
-        endEmitData(event, ownerInstance) {
-            var that = this;
-
-            ownerInstance.callMethod('handleEnd', )
-        },
-        getLive() {
-if(this.videoData.type==1){
-  var fullScreenButtonComponent = Aliplayer.Component({
-  /**
-  * 初始函数，在new对象时调用
-  *
-  * @param {string} adAddress - 广告视频地址
-  * @param {string} toAddress - 广告链接地址
-  */
-  init: function (status, toAddress) {
-
-    this.fullScreenStatus=status
-    // this.adAddress = adAddress;
-    // this.toAddress = toAddress;
-
-    this.$html = $('.fullScreenButton-container');
-  // this.$html.hide();
-  },
-
-  /**
-  * 创建广告Dom元素
-  */
-  createEl: function (el) {
-
-
-    this.$html.find('.ad').attr('src', this.adAddress);
-    var $adWrapper = this.$html.find('.ad-wrapper');
-    $adWrapper.attr('href', this.toAddress);
-    $adWrapper.click(function () {
-      // Aliplayer.util.stopPropagation();
-    });
-    // this.$html.find('.close').click(function () {
-    //   this.$html.hide();
-    // });
-    // $(el).find('.prism-controlbar').append(this.$html);
-    $(el).find('.prism-time-display').after(this.$html);
-  },
-  ready: function (player, e) {
-    // this.$html.hide()
-  },
-  /**
-  * 隐藏广告
-  */
-  play: function (player, e) {
-    // this.$html.show();
-  },
-  /**
-  * 显示广告
-  */
-  pause: function (player, e) {
-    // this.$html.show();
-  },
-  /**
-  * 隐藏广告
-  */
-  playing: function (player, e) {
-    this.$html.show();
-    // this.$html.hide();
-  },
-  waiting: function (player, e) {
-    // this.$html.hide()
-  },
-  timeupdate: function (player, e) {
-  },
-  error: function (player, e) {
-  },
-  /**
-  * 显示广告
-  */
-  ended: function (player, e) {
-    // this.$html.show();
-  }
-});
-
-console.log('this.currentVideoList at line 456111111111111111111111:', this.videoList)
-     var player = new Aliplayer({
-                id: "url-player-test",
-                "vid": this.videoData
-                    .videoId, // 必选参数，可以通过点播控制台（路径：媒资库>音/视频）查询。示例：1e067a2831b641db90d570b6480f****。
-                "playauth": this.videoData.playAuth, // 必选参数，参数值可通过调用GetVideoPlayAuth接口获取。
-                "encryptType": 1, // 必选参数，当播放私有加密流时需要设置本参数值为1。其它情况无需设置。
-                "playConfig": {
-                    "EncryptType": 'AliyunVoDEncryption'
-                },
-                width: '100%', //容器的大小
-                // videoWidth: '100vw', //容器的大小
-                // videoHeight: '100vh', //容器的大小
-                height: '100%', //容器的大小
-                playsinline:true,
-     controlBarVisibility:"click",
-     cover:"",
-                components: [
-//                   {
-//   name: 'BulletScreenComponent',
-//   type: AliPlayerComponent.BulletScreenComponent,
-//   /** Descriptions of the scrolling text component parameters: text, style, bulletPosition
-//    * text: The scrolling text
-//    * style: The style of the scrolling text
-//    * bulletPosition: The position of the scrolling text. Valid values: 'top', 'bottom', and 'random'. The default is 'random'.
-//    */
-//   args: ['本课程版权归天津众妙之门科技有限公司所有，翻版必究!', {fontSize: '16px', color: 'red',}, 'random']
-// },
-{name:'adComponent',type:fullScreenButtonComponent,args:['http://101.201.146.165:8088/Pf-EH/statics/uploadFile/2024-05-10/b0f420c7-9178-41ad-9dd6-f59a64a6e190.png']},
-
-
-
-// {
-//   name: 'RotateMirrorComponent',
-//   type: AliPlayerComponent.RotateMirrorComponent
-// },
-
-
-],
-
-                skinLayout:[
-   {name: "bigPlayButton", align: "blabs", x: 30, y: 80},
-    {name: "H5Loading", align: "cc"},
-    {name: "errorDisplay", align: "tlabs", x: 0, y: 0},
-    {name: "infoDisplay"},
-    {name:"tooltip", align:"blabs",x: 0, y: 56},
-    {name: "thumbnail"},
-    {
-      name: "controlBar", align: "blabs", x: 0, y: 0,
-      children: [
-        {name: "progress", align: "blabs", x: 0, y: 44},
-        {name: "playButton", align: "tl", x: 15, y: 12},
-        {name: "timeDisplay", align: "tl", x: 10, y: 7},
-        // {name: "fullScreenButton", align: "tr", x: 10, y: 12},
-        // {name:"subtitle", align:"tr",x:15, y:12},
-        {name:"setting", align:"tr",x:15, y:12},
-        {name:"prism-speed-selector", align:"tr",x:15, y:12},
-        {name: "volume", align: "tr", x: 5, y: 10}
-      ]
-    }
-  ]
-
-            }, function(player) {
-
-
-
-            });
-
-
-
-            this.player = player;
-            this.$refs.videoContent.click()
-
-var timer = setInterval(() => {
-    var that = this;
-    that.curTime = parseInt(this.player.getCurrentTime());
-    that.curStatus = this.player.getStatus()
-
-}, 1000);
-// player.on('ready',function(){
-//      player.fullscreenService.requestFullScreen()
-
-//   })
-this.player.on('ended', function() {
-    console.log('that.curTime at line 242:', this.curTime)
-    console.log('that.curStatus at line 210:', this.curStatus)
-    this.$refs.videoContent2.click()
-
-})
-}
-
-
-            // player.setRotate(90)
-
-            //全屏播放
-
-            // player.one('canplay', function() {
-            //     // console.log('canplay', this.player.tag);
-            //     player.tag.play();
-
-            // });
-
-
-
-        },
-        receiveScreenType(newValue) {
-            console.log('newValue at line 427屏幕方向111111111111:', newValue)
-
-        },
-        receiveFirstTime(newValue, oldValue, ownerVm, vm) {
-            // //数据变化
-
-            console.log('newValue111', newValue)
-
-            console.log('vm4444', vm)
-            console.log('this.firstTime at line 215:', newValue)
-            if (this.player) {
-                this.player.seek(newValue);
-            }
-
-
-        },
-        receiveVideoList(newValue, oldValue, ownerVm, vm) {
-            // //数据变化
-
-            console.log('currentVideoListcurrentVideoListcurrentVideoList', newValue)
-
-
-
-
-
-        },
-        receiveMsg(newValue, oldValue, ownerVm, vm) {
-            //数据变化
-            // console.log('newValue', newValue)
-            // console.log('oldValue', oldValue)
-            // console.log('ownerVm', ownerVm)
-            // console.log('vm', vm)
-        },
-        receiveWinWidth(newValue, oldValue, ownerVm, vm) {
-            //数据变化
-            console.log('newValue', newValue)
-            // console.log('oldValue', oldValue)
-            // console.log('ownerVm', ownerVm)
-            // console.log('vm', vm)
-        },
-        receiveWinHeight(newValue, oldValue, ownerVm, vm) {
-            //数据变化
-            console.log('newValue', newValue)
-            // console.log('oldValue', oldValue)
-            // console.log('ownerVm', ownerVm)
-            // console.log('vm', vm)
-        },
-        checkValue() {
-            console.log(this.videoId, this.authId, "1111888888")
-            if (!this.videoData.playAuth||!this.currentVideoList) {
-                setTimeout(() => {
-                    this.checkValue();
-                }, 1000);
-            } else {
-
-console.log('this.videoList at line 这是这只只是594:', this.currentVideoList)
-                this.getLive();
-            }
-        },
-        loadWebPlayerSDK() {
-            return new Promise((resolve, reject) => {
-
-
-
-                const s_tag = document.createElement('script'); // 引入播放器js
-                s_tag.type = 'text/javascript';
-                s_tag.src = 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.20.3/aliplayer-min.js';
-                s_tag.charset = 'utf-8';
-                s_tag.onload = () => {
-                  const s_tag1 = document.createElement('script'); // 引入播放器js
-                s_tag1.type = 'text/javascript';
-                s_tag1.src = 'https://player.alicdn.com/aliplayer/presentation/js/aliplayercomponents.min.js';
-                s_tag1.charset = 'utf-8';
-                s_tag1.onload = () => {
-                    this.checkValue();
-                    resolve();
-
-                }
-                document.body.appendChild(s_tag1);
-
-                }
-                document.body.appendChild(s_tag);
-
-
-
-                const l_tag = document.createElement('link'); // 引入播放器css
-                l_tag.rel = 'stylesheet';
-                l_tag.href =
-                    'https://g.alicdn.com/apsara-media-box/imp-web-player/2.20.3/skins/default/aliplayer-min.css';
-
-
-
-                document.body.appendChild(l_tag);
-            });
-        },
-        loadComponent() {
-            // return new Promise((resolve, reject) => {
-            //     const s_tag = document.createElement('script');
-            //     s_tag.type = 'text/javascript';
-            //     // 需要先下载组件 js 文件，放到项目 /static/ 目录下
-            //     // 下载地址：https://github.com/aliyunvideo/AliyunPlayer_Web/blob/master/customComponents/dist/aliplayer-components/aliplayercomponents-1.0.9.min.js
-            //     s_tag.src = '@/static/aliplayercomponents.js';
-            //     s_tag.charset = 'utf-8';
-            //     s_tag.onload = () => {
-            //         resolve();
-            //     }
-            //     document.body.appendChild(s_tag);
-            // });
-        }
-    }
-}
+
+					const s_tag = document.createElement('script'); // 引入播放器js
+					s_tag.type = 'text/javascript';
+					s_tag.src = 'https://g.alicdn.com/apsara-media-box/imp-web-player/2.20.3/aliplayer-min.js';
+					s_tag.charset = 'utf-8';
+					s_tag.onload = () => {
+						const s_tag1 = document.createElement('script'); // 引入播放器js
+						s_tag1.type = 'text/javascript';
+						s_tag1.src =
+							'https://player.alicdn.com/aliplayer/presentation/js/aliplayercomponents.min.js';
+						s_tag1.charset = 'utf-8';
+						s_tag1.onload = () => {
+							this.checkValue();
+							resolve();
+
+						}
+						document.body.appendChild(s_tag1);
+
+					}
+					document.body.appendChild(s_tag);
+
+
+
+					const l_tag = document.createElement('link'); // 引入播放器css
+					l_tag.rel = 'stylesheet';
+					l_tag.href =
+						'https://g.alicdn.com/apsara-media-box/imp-web-player/2.20.3/skins/default/aliplayer-min.css';
+
+
+
+					document.body.appendChild(l_tag);
+				});
+			},
+			loadComponent() {
+				// return new Promise((resolve, reject) => {
+				//     const s_tag = document.createElement('script');
+				//     s_tag.type = 'text/javascript';
+				//     // 需要先下载组件 js 文件，放到项目 /static/ 目录下
+				//     // 下载地址：https://github.com/aliyunvideo/AliyunPlayer_Web/blob/master/customComponents/dist/aliplayer-components/aliplayercomponents-1.0.9.min.js
+				//     s_tag.src = '@/static/aliplayercomponents.js';
+				//     s_tag.charset = 'utf-8';
+				//     s_tag.onload = () => {
+				//         resolve();
+				//     }
+				//     document.body.appendChild(s_tag);
+				// });
+			}
+		}
+	}
 </script>
 <style>
-.container {
-  width: 100vw;
-  height: auto;
-  /deep/.pause {
-    width: 60rpx !important;
-    height: 60rpx !important;
-  }
-}
+	.container {
+		width: 100vw;
+		height: auto;
 
-.fds {
-  background-color: blue;
-  height: 600rpx;
-  position: fixed;
-  top: 60rpx;
-}
+		/deep/.pause {
+			width: 60rpx !important;
+			height: 60rpx !important;
+		}
+	}
 
-.returnBack {
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-  height: 88rpx;
-  padding-left: 20rpx;
-}
+	.fds {
+		background-color: blue;
+		height: 600rpx;
+		position: fixed;
+		top: 60rpx;
+	}
 
-.txt {
-  color: #fff;
-}
+	.returnBack {
+		flex-direction: row;
+		justify-content: flex-start;
+		align-items: center;
+		height: 88rpx;
+		padding-left: 20rpx;
+	}
 
-.right_title {
-  background: #000;
-  height: 96rpx;
-  justify-content: space-between;
-  flex-direction: row;
-  align-items: center;
-  margin-left: auto;
-}
+	.txt {
+		color: #fff;
+	}
 
-.return {
-  flex-direction: row;
-  align-items: center;
-  color: #fff;
-}
+	.right_title {
+		background: #000;
+		height: 96rpx;
+		justify-content: space-between;
+		flex-direction: row;
+		align-items: center;
+		margin-left: auto;
+	}
 
-.right_handle {
-  width: 200rpx;
-  flex-direction: row;
-  justify-content: flex-end;
-  padding-right: 20rpx;
-}
+	.return {
+		flex-direction: row;
+		align-items: center;
+		color: #fff;
+	}
 
-cover-view {
-  display: block;
-  line-height: 1.2;
-  overflow: hidden;
-  white-space: nowrap;
-  pointer-events: auto;
-}
-cover-view {
-  visibility: visible !important;
-}
+	.right_handle {
+		width: 200rpx;
+		flex-direction: row;
+		justify-content: flex-end;
+		padding-right: 20rpx;
+	}
 
-cover-image {
-  visibility: visible !important;
-}
+	cover-view {
+		display: block;
+		line-height: 1.2;
+		overflow: hidden;
+		white-space: nowrap;
+		pointer-events: auto;
+	}
 
-.fullScreenButton-container {
-  color: #fff;
-  float: right;
-  height: 35px;
-  margin-top: 6px;
-  margin-right: 5px;
-  display: flex;
-  align-items: center;
-  position: relative;
-  i {
-    color: #fff;
-    display: inline-block;
-    font-size: 22px;
-    display: block;
-    margin-top: 7px;
-    cursor: pointer;
-    & + i {
-      margin-left: 3px;
-    }
-    @media (min-width: 768px) {
-      &:hover + .player-tooltip {
-        display: block;
-      }
-    }
-  }
-  .player-tooltip {
-    &.prev {
-      left: -10px;
-    }
-    &.list {
-      left: 5px;
-    }
-    &.next {
-      right: -12px;
-    }
-  }
-}
-.playlist-content {
-  position: absolute;
-  right: 0;
-  width: 0px;
-  padding-bottom: 48px;
-  box-sizing: border-box;
-  height: 100%;
-  transition: all 0.38s ease-in-out;
-  overflow: hidden;
-  .list {
-    background-color: #000;
-    background-color: rgba(0, 0, 0, 0.3);
-    height: 100%;
-    overflow: auto;
-    .video-item {
-      color: #fff;
-      padding: 0px 10px;
-      line-height: 35px;
-      font-size: 14px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      cursor: pointer;
-      &.active {
-        background-color: #000;
-        color: #00ddff;
-      }
-      @media (min-width: 768px) {
-        &:hover {
-          background-color: #000;
-          color: #00ddff;
-        }
-      }
-    }
-  }
-}
+	cover-view {
+		visibility: visible !important;
+	}
 
-.player-tooltip {
-  position: absolute;
-  display: none;
-  font-size: 12px;
-  color: #fff;
-  line-height: 28px;
-  letter-spacing: 0;
-  text-align: center;
-  background: #3c3c3c;
-  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
-  height: 28px;
-  top: -48px;
-  padding: 0 5px;
-  white-space: nowrap;
-}
+	cover-image {
+		visibility: visible !important;
+	}
 
-.playlist-skip-tip {
-  padding: 5px 15px;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  z-index: 30;
-  line-height: 30px;
-  font-size: 14px;
-  border-radius: 4px;
-  background: rgba(255, 255, 255, 0.8);
-  color: #000;
-  text-align: center;
-  transform: translate(-50%, -50%);
-}
-#rotating-div {
-  width: 100vw;
-  height: 100vh;
-  background-color: #3498db;
-  transform: rotate(90deg); /* 旋转90度 */
-  transform-origin: center center; /* 设置旋转中心点在div中心 */
-  position: fixed; /* 固定定位，全屏显示 */
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-}
-</style>
+	.fullScreenButton-container {
+		color: #fff;
+		float: right;
+		height: 35px;
+		margin-top: 6px;
+		margin-right: 5px;
+		display: flex;
+		align-items: center;
+		position: relative;
+
+		i {
+			color: #fff;
+			display: inline-block;
+			font-size: 22px;
+			display: block;
+			margin-top: 7px;
+			cursor: pointer;
+
+			&+i {
+				margin-left: 3px;
+			}
+
+			@media (min-width: 768px) {
+				&:hover+.player-tooltip {
+					display: block;
+				}
+			}
+		}
+
+		.player-tooltip {
+			&.prev {
+				left: -10px;
+			}
+
+			&.list {
+				left: 5px;
+			}
+
+			&.next {
+				right: -12px;
+			}
+		}
+	}
+
+
+	.playlist-content {
+		position: absolute;
+		right: 0;
+		width: 0px;
+		padding-bottom: 48px;
+		box-sizing: border-box;
+		height: 100%;
+		transition: all 0.38s ease-in-out;
+		overflow: hidden;
+
+		.list {
+			background-color: #000;
+			background-color: rgba(0, 0, 0, 0.3);
+			height: 100%;
+			overflow: auto;
+
+			.video-item {
+				color: #fff;
+				padding: 0px 10px;
+				line-height: 35px;
+				font-size: 14px;
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				cursor: pointer;
+
+				&.active {
+					background-color: #000;
+					color: #00ddff;
+				}
+
+				@media (min-width: 768px) {
+					&:hover {
+						background-color: #000;
+						color: #00ddff;
+					}
+				}
+			}
+		}
+	}
+
+	.player-tooltip {
+		position: absolute;
+		display: none;
+		font-size: 12px;
+		color: #fff;
+		line-height: 28px;
+		letter-spacing: 0;
+		text-align: center;
+		background: #3c3c3c;
+		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
+		height: 28px;
+		top: -48px;
+		padding: 0 5px;
+		white-space: nowrap;
+	}
+
+	.playlist-skip-tip {
+		padding: 5px 15px;
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		z-index: 30;
+		line-height: 30px;
+		font-size: 14px;
+		border-radius: 4px;
+		background: rgba(255, 255, 255, 0.8);
+		color: #000;
+		text-align: center;
+		transform: translate(-50%, -50%);
+	}
+
+	#rotating-div {
+		width: 100vw;
+		height: 100vh;
+		background-color: #3498db;
+		transform: rotate(90deg);
+		/* 旋转90度 */
+		transform-origin: center center;
+		/* 设置旋转中心点在div中心 */
+		position: fixed;
+		/* 固定定位，全屏显示 */
+		left: 0;
+		top: 0;
+		bottom: 0;
+		right: 0;
+	}
+</style>
\ No newline at end of file

From 883777751d582ea83b5b5bbd769881025fceea39 Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Tue, 2 Jul 2024 11:31:36 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E8=A7=86=E9=A2=91=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=80=8D=E9=80=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../commonComponents/video/index.vue          | 29 ++-----------------
 1 file changed, 3 insertions(+), 26 deletions(-)

diff --git a/pages/component/commonComponents/video/index.vue b/pages/component/commonComponents/video/index.vue
index aa86a54..e19cd67 100644
--- a/pages/component/commonComponents/video/index.vue
+++ b/pages/component/commonComponents/video/index.vue
@@ -575,32 +575,9 @@
 									'http://101.201.146.165:8088/Pf-EH/statics/uploadFile/2024-05-10/b0f420c7-9178-41ad-9dd6-f59a64a6e190.png']
 							},
 							{
-							            name: 'RateComponent',
-							            type: AliPlayerComponent.RateComponent
-							          },
-
-								// {
-								// name: 'adComponent1',
-								// type: beisuBtnComponent,
-								// args:['http://example.aliyundoc.com/cover.png']
-								// 	{
-								// 	    name: 'X0.75',
-								// 	    speed: 0.75
-								// 	}, {
-								// 	    name: 'X1.0',
-								// 	    speed: 1.0
-								// 	}, {
-								// 	    name: 'X1.25',
-								// 	    speed: 1.25
-								// 	}, {
-								// 	    name: 'X1.5',
-								// 	    speed: 1.5
-								// 	}, {
-								// 	    name: 'X2.0',
-								// 	    speed: 2.0
-								// 	},
-								// 	]
-							// },
+							     name: 'RateComponent',
+							    type: AliPlayerComponent.RateComponent
+							},							
 
 							// {
 							//   name: 'RotateMirrorComponent',