From cac88b3bf823fedf18f0faa4ec96c3de224f30c0 Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期一, 15 七月 2024 15:23:12 +0800 Subject: [PATCH] video --- packageDomain/pages/resourceDetails/myVideo/index.js | 191 ++++++++++++++++++++++++++++------------------- 1 files changed, 114 insertions(+), 77 deletions(-) diff --git a/packageDomain/pages/resourceDetails/myVideo/index.js b/packageDomain/pages/resourceDetails/myVideo/index.js index b9898fc..11275a3 100644 --- a/packageDomain/pages/resourceDetails/myVideo/index.js +++ b/packageDomain/pages/resourceDetails/myVideo/index.js @@ -16,6 +16,7 @@ dialogKey: false, style: 'border: 2rpx solid rgba(220,220,220,1);border-radius: 12rpx;', activeId: '', + storeInfo: '', bookId: '', bookName: '', cmsId: '', @@ -34,13 +35,17 @@ style: 'height: 248rpx', submitType: "new", // 鏂板缓 or 缂栬緫 noteId: '', - videoChange: true, startTime: "", //杩涘叆椤甸潰褰撳墠鏃堕棿 pauseTime: 0, //鏆傚仠鏃堕棿 formPath: '', - loading: true, - hidden: true + loading: false, + hidden: true, + videoError: false, + videoLoading: false, + progress: 0, + playerList: [], + }, // 鏍煎紡鍖栫瑪璁版椂闂� convertTimestamp(timestamp) { @@ -58,20 +63,17 @@ * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鍔犺浇 */ onLoad(options) { - wx.setNavigationBarTitle({ - - title: '璧勬簮璇︽儏-闊抽' - + title: '璧勬簮璇︽儏-瑙嗛' }); const systInfo = wx.getSystemInfoSync(); const menu = wx.getMenuButtonBoundingClientRect(); // 鑳跺泭淇℃伅 const navBarHeight = (menu.top - systInfo.statusBarHeight) * 2 + menu.height; // 瀵艰埅鏍忛珮搴� - console.log(options, 'options'); this.setData({ navBarHeight: navBarHeight, barHeight: systInfo.statusBarHeight, activeId: options.activeId, + storeInfo: options.storeInfo, bookId: options.bookId, bookName: options.bookName, cmsId: options.cmsId, @@ -85,9 +87,8 @@ parentName: options.parentName, }) } - console.log(options, 'options'); this.resourceDetailsData() - this.getNoteList() + }, /** @@ -118,6 +119,7 @@ let duration = this.data.pauseTime - this.data.startTime this.count(duration) } + this.setPlayerList() }, /** @@ -131,6 +133,7 @@ let duration = this.data.pauseTime - this.data.startTime this.count(duration) } + this.setPlayerList() }, count(timeStr) { const data = { @@ -171,12 +174,13 @@ }, onTabsChange(event) { - + console.log(event, 234) + let tabValue = event.detail.value + if (tabValue == '1') { + this.getNoteList() + } }, - onTabsClick(event) { - - }, handleChange(e) { this.setData({ activeValues: e.detail.value, @@ -186,9 +190,7 @@ }, showDialog(e) { - this.setData({ - dialogKey: true, textvalue: '', submitTitle: this.data.titleName @@ -206,7 +208,12 @@ wx.navigateBack(); }, resourceDetailsData() { + this.setData({ + videoLoaidng: true, + loading: true + }) let query = { + storeInfo: this.data.storeInfo, path: '*', queryType: '*', productId: this.data.bookId, @@ -232,38 +239,34 @@ } app.MG.store.getProductDetail(query).then(res => { res.datas.cmsDatas[0].datas.forEach((item) => { - console.log(item); if (item.selectType === "video" || item.learnSelectType === "video") { this.data.threeLeveData.push(item) this.setData({ threeLeveData: this.data.threeLeveData }) - this.data.threeLeveData.forEach((items, index) => { // 淇敼姝ゅ娣诲姞index鍙傛暟 - if (this.data.productLinkPath == items.productLinkPath) { - if (this.data.formPath === "jsek_cloudLearning") { - console.log(items); - this.setData({ - showData: app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + items.protectedFile + '&token=' + wx.getStorageSync(app.config.tokenKey), - titleName: items.name - }) - } else { - this.setData({ - showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + items.file, - titleName: items.name - }) - } - console.log(index, 'index'); - let selectedIndex = index; // 瀛樺偍閫変腑椤圭殑绱㈠紩 - this.setData({ - selectedId: selectedIndex // 璁剧疆閫変腑椤圭殑绱㈠紩 - }); - } - }); } }) - this.data.threeLeveData.forEach((item) => { - console.log(item.name); - }) + this.data.threeLeveData.forEach((items, index) => { // 淇敼姝ゅ娣诲姞index鍙傛暟 + if (this.data.productLinkPath == items.productLinkPath) { + if (this.data.formPath === "jsek_cloudLearning") { + let file + items.protectedFile || item.file ? file = items.protectedFile || item.file : file = items.freeFile + this.setData({ + showData: app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + file + '&token=' + wx.getStorageSync(app.config.tokenKey), + titleName: items.name + }) + } else { + this.setData({ + showData: items.file ? app.config.requestCtx + '/file/api/ApiDownload?md5=' + items.file : app.config.requestCtx + '/file/api/ApiDownload?md5=' + items.freeFile, + titleName: items.name + }) + } + let selectedIndex = index; // 瀛樺偍閫変腑椤圭殑绱㈠紩 + this.setData({ + selectedId: selectedIndex // 璁剧疆閫変腑椤圭殑绱㈠紩 + }); + } + }); this.setData({ loading: false, hidden: false @@ -271,56 +274,88 @@ }) }, onVideo(e) { - if (this.data.showData != '') { - this.setData({ - showData: '' - }) - } - - this.setData({ - selectedId: e.currentTarget.dataset.index, - }) + this.setPlayerList() const item = e.currentTarget.dataset.item this.setData({ + videoLoaidng: true, + selectedId: e.currentTarget.dataset.index, + activeId: item.id, + // showData: '', titleName: item.name }) - if (item.selectType == "video" || item.learnSelectType === "video") { - - // if (!item.file) { - // console.log(1111); - // } - if (this.data.formPath === "jsek_cloudLearning") { - + let file + item.protectedFile || item.file ? file = item.protectedFile || item.file : file = item.freeFile this.setData({ - showData: app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + item.protectedFile + '&token=' + wx.getStorageSync(app.config.tokenKey) + showData: app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + file + '&token=' + wx.getStorageSync(app.config.tokenKey) }) } else { this.setData({ - showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file + showData: item.file ? app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file : app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.freeFile, }) } - - console.log(this.data.showData, 'item.file'); - } }, + + timeUpdate(e) { + let { + currentTime, + duration + } = e.detail + this.setData({ + progress: ((currentTime / duration) * 100).toFixed(2) + }) + }, + //鑾峰彇瑙嗛瀛︿範 + getPlayerList() { + app.MG.identity + .getUserKey({ + domain: 'videoPlayer', + keys: [this.data.bookId] + }) + .then((res) => { + if (res.length > 0) { + this.setData({ + playerList: JSON.parse(res[0].value) + }) + } + }) + }, + setPlayerList() { + let that = this + if (that.data.progress > 0) { + let index = that.data.playerList.findIndex((itemData) => itemData.cmsItemId == that.data.activeId) + if (index > -1) { + that.data.playerList.splice(index, 1) + } + that.data.playerList.push({ + cmsItemId: that.data.activeId, + progress: that.data.progress + }) + app.MG.identity + .setUserKey({ + setKeyRequests: [{ + domain: 'videoPlayer', + key: that.data.bookId, + value: JSON.stringify(that.data.playerList) + }] + }) + .then((res) => {}) + } + }, + getProductUserSubmitTopicGet() { app.MG.ugc.getProductUserSubmitTopic({ productId: this.data.bookId, appRefCode: app.config.appRefCode }).then((res) => { - console.log(res); - this.setData({ topicId: res.id }) }) }, - - newTopicMessageGet() { let query = { @@ -338,7 +373,6 @@ // 鏍囬鏀瑰彉 changeTitle(e) { - console.log(e.currentTarget.dataset.value); this.setData({ flag: e.currentTarget.dataset.value }) @@ -367,8 +401,6 @@ } else if (this.data.submitType == 'edit') { this.updateNote() } - console.log(this.data.textvalue); - console.log(this.data.titleName); this.setData({ dialogKey: false }); @@ -381,13 +413,11 @@ textvalue: e.detail.value }) }, - - // 鑾峰彇绗旇鍒楄〃 async getNoteList() { - // this.setData({ - // loading: true - // }) + this.setData({ + loading: true + }) let topicId await app.MG.ugc .getProductUserSubmitTopic({ @@ -423,13 +453,11 @@ // item.deleteHover = false item.createDate = this.convertTimestamp(item.createDate) }) - console.log(res, 'res'); this.setData({ "pageCount.total": res.totalSize, noteList: res.datas, loading: false }) - console.log('绗旇鍒楄〃', res.datas); }) }, // 缂栬緫鎸夐挳 @@ -442,7 +470,6 @@ noteId: note.id, dialogKey: true, }) - // this.showDialog() }, // 鍒犻櫎绗旇 @@ -564,5 +591,15 @@ }, videoErrorCallback(e) { console.log(e); + }, + videoError: function (e) { + this.setData({ + videoError: true + }); + }, + loadedmetadata(e) { + this.setData({ + videoLoaidng: false + }) } }) \ No newline at end of file -- Gitblit v1.9.1