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 | 226 +++++++++++++++++++++++++++++++++++-------------------- 1 files changed, 143 insertions(+), 83 deletions(-) diff --git a/packageDomain/pages/resourceDetails/myVideo/index.js b/packageDomain/pages/resourceDetails/myVideo/index.js index 1b03a19..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,10 +35,17 @@ style: 'height: 248rpx', submitType: "new", // 鏂板缓 or 缂栬緫 noteId: '', - videoChange: true, startTime: "", //杩涘叆椤甸潰褰撳墠鏃堕棿 - pauseTime: 0 //鏆傚仠鏃堕棿 + pauseTime: 0, //鏆傚仠鏃堕棿 + formPath: '', + loading: false, + hidden: true, + videoError: false, + videoLoading: false, + progress: 0, + playerList: [], + }, // 鏍煎紡鍖栫瑪璁版椂闂� convertTimestamp(timestamp) { @@ -55,26 +63,32 @@ * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鍔犺浇 */ onLoad(options) { - + wx.setNavigationBarTitle({ + 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, - parentName: options.parentName, parentProductLinkPath: options.parentProductLinkPath, productLinkPath: options.productLinkPath, + formPath: options.formPath, flag: false }) - + if (options.parentName !== "鏁欏璧勬簮" && options.parentName !== "浜戝涔�") { + this.setData({ + parentName: options.parentName, + }) + } this.resourceDetailsData() - this.getNoteList() + }, /** @@ -105,6 +119,7 @@ let duration = this.data.pauseTime - this.data.startTime this.count(duration) } + this.setPlayerList() }, /** @@ -118,6 +133,7 @@ let duration = this.data.pauseTime - this.data.startTime this.count(duration) } + this.setPlayerList() }, count(timeStr) { const data = { @@ -158,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, @@ -173,18 +190,14 @@ }, showDialog(e) { - this.setData({ - submitTitle: this.data.bookName, dialogKey: true, - // textvalue: '' - + textvalue: '', + submitTitle: this.data.titleName }); }, - closeDialog() { - this.setData({ dialogKey: false, textvalue: '', @@ -195,7 +208,12 @@ wx.navigateBack(); }, resourceDetailsData() { + this.setData({ + videoLoaidng: true, + loading: true + }) let query = { + storeInfo: this.data.storeInfo, path: '*', queryType: '*', productId: this.data.bookId, @@ -219,85 +237,125 @@ size: 999 } } - app.MG.store.getProductDetail(query).then(res => { res.datas.cmsDatas[0].datas.forEach((item) => { - if (item.selectType === "video") { + 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 (!items.file) { - console.log(1111); - } - - - 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((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.data.threeLeveData.forEach((item) => { - console.log(item.name); + }); + this.setData({ + loading: false, + hidden: false }) }) }, 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") { - - // if (!item.file) { - // console.log(1111); - // } - this.setData({ - showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file - }) - console.log(this.data.showData, 'item.file'); - + if (item.selectType == "video" || item.learnSelectType === "video") { + 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=' + file + '&token=' + wx.getStorageSync(app.config.tokenKey) + }) + } else { + this.setData({ + showData: item.file ? app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file : app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.freeFile, + }) + } } }, + + 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 = { @@ -315,7 +373,6 @@ // 鏍囬鏀瑰彉 changeTitle(e) { - console.log(e.currentTarget.dataset.value); this.setData({ flag: e.currentTarget.dataset.value }) @@ -323,18 +380,17 @@ // 鏍囬杈撳叆妗嗗�� inputChange(e) { this.setData({ - titleName: e.detail.value + submitTitle: e.detail.value }) }, confirmSuggest() { - if (!this.data.textvalue) { + if (!this.data.textvalue.trim()) { return wx.showToast({ icon: 'error', title: '璇峰~鍐欑瑪璁板唴瀹�', }) - - } else if (!this.data.titleName) { + } else if (!this.data.submitTitle) { return wx.showToast({ icon: 'error', title: '璇峰~鍐欑瑪璁版爣棰�', @@ -345,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 }); @@ -359,13 +413,11 @@ textvalue: e.detail.value }) }, - - // 鑾峰彇绗旇鍒楄〃 async getNoteList() { - // this.setData({ - // loading: true - // }) + this.setData({ + loading: true + }) let topicId await app.MG.ugc .getProductUserSubmitTopic({ @@ -401,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); }) }, // 缂栬緫鎸夐挳 @@ -417,9 +467,9 @@ submitType: "edit", textvalue: note.content, submitTitle: note.name, - noteId: note.id + noteId: note.id, + dialogKey: true, }) - this.showDialog() }, // 鍒犻櫎绗旇 @@ -541,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