From aff8d054df4a638f399dc8f15d98c19b9c9aa785 Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期二, 29 四月 2025 10:11:25 +0800 Subject: [PATCH] 扫码视频播放 --- packageDomain/pages/resourceDetails/myAudio/index.js | 424 +++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 297 insertions(+), 127 deletions(-) diff --git a/packageDomain/pages/resourceDetails/myAudio/index.js b/packageDomain/pages/resourceDetails/myAudio/index.js index e0d3d9a..85e1bc6 100644 --- a/packageDomain/pages/resourceDetails/myAudio/index.js +++ b/packageDomain/pages/resourceDetails/myAudio/index.js @@ -1,6 +1,9 @@ // pages/resourceDetails/index.js const app = getApp() const myAudio = wx.createInnerAudioContext(); +import { + loginInfo +} from '../../../../assets/js/login'; // innerAudioContext.onPlay(function callback), // InnerAudioContext.onTimeUpdate(function callback) Page({ @@ -19,6 +22,7 @@ dialogKey: false, style: 'border: 2rpx solid rgba(220,220,220,1);border-radius: 12rpx;', activeId: '', + storeInfo: '', bookId: '', bookName: '', cmsId: '', @@ -26,6 +30,7 @@ parentProductLinkPath: '', productLinkPath: '', threeLeveData: [], + source: "", showData: '', src: '', selectedId: null, @@ -40,14 +45,24 @@ myAudioDuration: '00:00', // 瑙嗛鏃堕棿 myAudioCurrent: '00:00', // 褰撳墠鎾斁杩涘害 isplay: false, //鏄惁榛樿鎾斁, - selectId: '', speed: 1.0, myAudioPos: '', startTime: "", //杩涘叆椤甸潰褰撳墠鏃堕棿 pauseTime: 0, //鏆傚仠鏃堕棿 formPath: '', loading: true, - hidden: true + hidden: true, + playerList: [], + progress: 0, + buyIdList: [], + buyList: [], + learnClassData: null, + isLearnDataBuy: false, + bookDetail: null, + learnStartTime: 0, + learnTimeList: [], + learnTimeData: 0, + toView: 'activeName', }, format(time) { @@ -87,21 +102,29 @@ navBarHeight: navBarHeight, barHeight: systInfo.statusBarHeight, activeId: options.activeId, + storeInfo: options.storeInfo, bookId: options.bookId, bookName: options.bookName, cmsId: options.cmsId, parentProductLinkPath: options.parentProductLinkPath, productLinkPath: options.productLinkPath, - formPath: options.formPath + formPath: options.formPath, + source: options.source, }) - if (options.parentName !== "鏁欏璧勬簮" && options.parentName !== "浜戝涔�") { this.setData({ parentName: options.parentName, }) } + if (options.formPath == 'jsek_cloudLearning') { + this.getNoteList() + this.setData({ + learnStartTime: Date.now(), + }) + this.getLearnTime() + } this.resourceDetailsData() - this.getNoteList() + this.getBookInfo(options.bookId) }, /** @@ -123,13 +146,17 @@ * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰闅愯棌 */ onHide() { + // this.setData({ + // pauseTime: Date.now() + // }) + // if (wx.getStorageSync(app.config.tokenKey)) { + // let duration = this.data.pauseTime - this.data.startTime + // this.count(duration) + // } + // this.setPlayerList() this.setData({ - pauseTime: Date.now() + isplay: true }) - if (wx.getStorageSync(app.config.tokenKey)) { - let duration = this.data.pauseTime - this.data.startTime - this.count(duration) - } }, /** @@ -139,29 +166,29 @@ * */ onUnload() { - // this.setData({ - // pauseTime: Date.now() - // }) - // if (wx.getStorageSync(app.config.tokenKey)) { - // let duration = this.data.pauseTime - this.data.startTime - // this.count(duration) - // } - - - // myAudio.src = '' - // myAudio.destroy() this.setData({ // myAudioPos: '', isplay: false, //鏄惁榛樿鎾斁, myAudioCurrent: '00:00', // 褰撳墠鎾斁杩涘害 showData: '', speed: 1.0, + pauseTime: Date.now() }); myAudio.playbackRate = this.data.speed; // 鍋滄闊抽鎾斁 myAudio.stop(); // 閿�姣� InnerAudioContext 瀹炰緥 // myAudio.destroy(); + // 缁熻瀛︿範鏃堕暱 + if (wx.getStorageSync(app.config.tokenKey)) { + let duration = this.data.pauseTime - this.data.startTime + this.count(duration) + } + this.setPlayerList() + if (this.data.fromPath == 'jsek_cloudLearning') { + let cloudDuration = this.data.pauseTime - this.data.learnStartTime + this.cloudCount(cloudDuration) + } }, count(timeStr) { const data = { @@ -179,30 +206,118 @@ if (this.data.cmsId) { data.cmsItemId = this.data.cmsId } + console.log('缁熻', data) app.MG.job.newJobWithApiNewEvent(data).then((res) => {}) }, - /** - * 椤甸潰鐩稿叧浜嬩欢澶勭悊鍑芥暟--鐩戝惉鐢ㄦ埛涓嬫媺鍔ㄤ綔 - */ - onPullDownRefresh() { + getLearnTime() { + app.MG.identity + .getUserKey({ + domain: 'cloudLearningTime', + keys: [this.data.bookId] + }) + .then((res) => { + if (res.length > 0) { + if (JSON.parse(res[0].value) && JSON.parse(res[0].value).length > 0) { + this.setData({ + learnTimeList: JSON.parse(res[0].value), + learnTimeData: JSON.parse(res[0].value)[0].learnTime, + }) + } else { + this.setData({ + learnTimeList: [], + learnTimeData: 0 + }) + } + } + }) + }, + cloudCount(timeStr) { + let time = Number(this.data.learnTimeData) + Number(timeStr) + this.setData({ + learnTimeList: [{ + learnTime: time + }], + }) + app.MG.identity + .setUserKey({ + setKeyRequests: [{ + domain: 'cloudLearningTime', + key: this.data.bookId, + value: JSON.stringify(this.data.learnTimeList) + }] + }) + .then((res) => { + console.log(timeStr, '瀛︿範鏃堕暱') + }) + }, + // 鑾峰彇鍥句功璇︽儏 + getBookInfo(id) { + const query = { + path: "*", + queryType: "*", + productId: id, + favoriteTypes: "FavoriteBookCity", + itemFields: { + "SysType=": "CmsFolder", + }, + coverSize: { + height: 1, + }, + fields: {}, + }; + if (this.data.storeInfo) query['storeInfo'] = this.data.storeInfo + app.MG.store.getProductDetail(query).then(async (res) => { + this.setData({ + bookDetail: res.datas, + buyIdList: res.datas.purchasedSaleMethodIdList, + learnClassData: res.datas.cmsDatas[0].datas.find(item => item.refCode == "jsek_cloudLearning") + }) + this.getResourceDataList(this.data.learnClassData) + }); + }, + // 鏁欏璧勬簮 浜戝涔� 鑾峰彇 + getResourceDataList(type) { + let query = { + path: '*', + queryType: '*', + productId: this.data.bookDetail.id, + cmsPath: type.productLinkPath, + cmsType: '*', + itemFields: { + SysType: 'CmsFolder', + }, + pading: { + start: 0, + size: 999 + }, + } + app.MG.store.getProductDetailNoChildren(query).then((res) => { + const buyList = res.datas.cmsDatas[0].datas.filter(item => item.saleMethod.length && this.data.buyIdList.includes(item.saleMethod.find(citem => citem.SaleType == 'Normal').Id)) + if (this.data.learnClassData && this.data.learnClassData.saleMethod.length) { + const learnSaleMethod = this.data.learnClassData.saleMethod.find(citem => citem.SaleType == 'Normal') + // if (this.data.buyIdList.includes(learnSaleMethod.Id)) buyList.push(learnClassData) + if (this.data.buyIdList.includes(learnSaleMethod.Id)) { + buyList.push(this.data.learnClassData) + } else { + if (new Date().getTime() > new Date(learnSaleMethod.EndDate).getTime() || learnSaleMethod.Price == 0) { + this.setData({ + isLearnDataBuy: true + }) + } else { + this.setData({ + isLearnDataBuy: false + }) + } + } + } + this.setData({ + buyList + }) + }) }, - /** - * 椤甸潰涓婃媺瑙﹀簳浜嬩欢鐨勫鐞嗗嚱鏁� - */ - onReachBottom() { - - }, - - /** - * 鐢ㄦ埛鐐瑰嚮鍙充笂瑙掑垎浜� - */ - onShareAppMessage() { - - }, onTabsChange(event) {}, - onTabsClick(event) {}, handleChange(e) { this.setData({ @@ -211,11 +326,17 @@ }, onTakeNotes() {}, showDialog(e) { - this.setData({ - submitTitle: this.data.titleName, - dialogKey: true, - textvalue: '' - }); + const token = wx.getStorageSync(app.config.tokenKey); + if (token) { + this.setData({ + submitTitle: this.data.titleName, + dialogKey: true, + textvalue: '' + }); + } else { + loginInfo(app, (data) => {}) + } + }, closeDialog() { @@ -251,48 +372,106 @@ size: 999 } } - + if (this.data.storeInfo) { + query.storeInfo = this.data.storeInfo + } app.MG.store.getProductDetail(query).then(res => { let selectedId = -1; // 鍒濆鍖栭�変腑椤圭储寮� let showDataUrl = ''; let titleName = ''; - res.datas.cmsDatas[0].datas.forEach((item, index) => { + // if (this.data.source == 'qrcode') { + // if (item.id == this.data.activeId) { + // this.data.threeLeveData.push(item); + // } + // } else { if (item.selectType === "audio" || item.learnSelectType === "audio") { - this.data.threeLeveData.push(item); + if (this.data.storeInfo == 'jsek_digitalCourses') { + if (item.sysType == 'CmsItem') { + this.data.threeLeveData.push(item) + } + if (item.sysType == 'CmsItem' && item.freeFile) { + this.data.threeLeveData.push(item) + } + } else { + if (this.data.buyList.length) { + if (this.data.buyList.some(citem => item.productLinkPath.includes(citem.productLinkPath))) { + this.data.threeLeveData.push(item) + } + } else { + // if (!item.saleMethod.length) this.data.threeLeveData.push(item) + if (!item.saleMethod.length) { + // 娌′拱涓旀棤閿�鍞柟寮� + this.data.threeLeveData.push(item) + } else { + // 娌′拱涓旈攢鍞柟寮忚繃鏈�//娌′拱锛岄攢鍞柟寮忎环鏍间负0 + const itemSaleMethod = item.saleMethod.find(citem => citem.SaleType == 'Normal') + if (new Date().getTime() > new Date(itemSaleMethod.EndDate).getTime() || itemSaleMethod.Price == 0) { + this.data.threeLeveData.push(item) + } + // 娌′拱涓斿彧鏈夎瘯璇昏祫婧� + if (!item.file && item.freeFile) this.data.threeLeveData.push(item) + } + } + } } + // } }); - this.data.threeLeveData.forEach((items, indexs) => { - if (this.data.productLinkPath == items.productLinkPath) { - selectedId = indexs; - - } - }) - if (selectedId !== -1) { - let datas = this.data.threeLeveData[selectedId]; - - if (this.data.formPath == 'jsek_cloudLearning') { - showDataUrl = app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + datas.protectedFile + '&token=' + wx.getStorageSync(app.config.tokenKey); + if (this.data.source == 'qrcode') { + let qrData = this.data.threeLeveData.find(ditem => ditem.id == this.data.activeId) + if (qrData && this.data.isLearnDataBuy) { + if (qrData) { + this.setData({ + threeLeveData: [qrData] + }) + } } else { - showDataUrl = datas.file ? app.config.requestCtx + '/file/api/ApiDownload?md5=' + datas.file : app.config.requestCtx + '/file/api/ApiDownload?md5=' + datas.freeFile + this.setData({ + threeLeveData: [] + }) } - titleName = datas.name; + } else { + this.setData({ + threeLeveData: this.data.threeLeveData + }) } + if (this.data.threeLeveData.length > 0) { + selectedId = this.data.threeLeveData.findIndex(items => items.productLinkPath == this.data.productLinkPath) + if (selectedId !== -1) { + let datas = this.data.threeLeveData[selectedId]; + if (this.data.formPath == 'jsek_cloudLearning') { + let file = datas.protectedFile ? datas.protectedFile : datas.freeFile + showDataUrl = app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + file + '&token=' + wx.getStorageSync(app.config.tokenKey); + } else { + showDataUrl = datas.file ? app.config.requestCtx + '/file/api/ApiDownload?md5=' + datas.file : app.config.requestCtx + '/file/api/ApiDownload?md5=' + datas.freeFile + } + titleName = datas.name; + } - this.setData({ - threeLeveData: this.data.threeLeveData, - selectedId: selectedId, - showData: showDataUrl, - titleName: titleName, - loading: false, - hidden: false - }); - this.pubulicPlayFun(); - + this.setData({ + threeLeveData: this.data.threeLeveData, + selectedId: selectedId, + showData: showDataUrl, + titleName: titleName, + loading: false, + hidden: false, + toView: 'activeName' + selectedId, + }); + this.pubulicPlayFun(); + } else { + wx.showToast({ + icon: 'none', + title: '璇峰厛杩斿洖璧勬簮鎵�鍦ㄥ浘涔﹁鎯呰喘涔拌棰戣祫婧�', + }) + wx.navigateTo({ + url: `/packageBookService/pages/bookServices/detail/index?id=${this.data.bookDetail.id}&name=${this.data.bookDetail.name}&tabValue=jsek_cloudLearning`, + }); + } }); }, onVideo(e) { + this.setPlayerList() this.setData({ myAudioCurrent: '00:00', myAudioPos: '', @@ -302,15 +481,16 @@ if (this.data.showData != '') { this.setData({ titleName: item.name, - selectId: item.id, selectedId: e.currentTarget.dataset.index, - showData: '' + showData: '', + activeId: item.id }) if (item.selectType == "audio" || item.learnSelectType === "audio") { if (this.data.formPath == 'jsek_cloudLearning') { + let file = item.protectedFile ? item.protectedFile : 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) }) this.pubulicPlayFun() } else { @@ -563,7 +743,6 @@ }, // 鎾斁鍏叡浠g爜 pubulicPlayFun() { - // debugger this.setData({ speed: 1.0, }) @@ -573,6 +752,8 @@ myAudio.onCanplay(() => { myAudio.duration; //蹇呴』鍐欙紝涓嶇劧鑾峰彇涓嶅埌 setTimeout(() => { + // 瑕佸垵濮嬪寲闊抽鐨勬椂闂� + // myAudio.startTime = myAudio.currentTime //寮�濮嬫椂闂� this.setData({ myAudioDuration: this.format(myAudio.duration), myAudioCurrent: this.format(myAudio.currentTime) @@ -599,12 +780,14 @@ //杩涘害鏉″彉鍖� myAudio.onTimeUpdate(() => { + myAudio.startTime = 0 this.setData({ myAudioPos: myAudio.currentTime / myAudio.duration * 100, myAudioCurrent: this.format(myAudio.currentTime), myAudioDuration: this.format(myAudio.duration), + progress: ((myAudio.currentTime / myAudio.duration) * 100).toFixed(2) }); - console.log(myAudio.currentTime, myAudio.duration); + // console.log(myAudio.currentTime.toFixed(3), myAudio.duration); }) }, @@ -625,57 +808,6 @@ }); }, - //鍙冲垏鎹� - onLeftSwitch() { - this.setData({ - speed: 1.0, - myAudioCurrent: '00:00' - }) - const index = this.data.threeLeveData.findIndex((item) => item.id == this.data.selectId) - if (this.data.threeLeveData[index - 1]) { - this.changeItem(this.data.threeLeveData[index - 1]) - this.setData({ - selectedId: index - 1, - }) - } else { - console.log('宸茬粡鏄涓�棣栦簡'); - } - }, - //鍙冲垏鎹� - onRightSwitch() { - this.setData({ - speed: 1.0, - myAudioCurrent: '00:00' - }) - const index = this.data.threeLeveData.findIndex((item) => item.id == this.data.selectId) - if (this.data.threeLeveData[index + 1]) { - this.changeItem(this.data.threeLeveData[index + 1]) - this.setData({ - selectedId: index + 1, - }) - } else { - console.log('宸茬粡鏄渶鍚庝竴棣栦簡'); - } - }, - - // 宸﹀彸鍒囨崲 - changeItem(item) { - if (this.data.showData != '') { - this.setData({ - showData: '' - }) - } - this.setData({ - titleName: item.name, - selectId: item.id - }) - if (item.selectType == "audio") { - this.setData({ - showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file - }) - this.pubulicPlayFun() - } - }, // 鎾斁鍊嶉�� onSpeed() { let c = this.data.speed; @@ -754,5 +886,43 @@ myAudio.playbackRate = this.data.speed; // 鎾斁閫熺巼 }, 200); }, - + //鑾峰彇闊抽瀛︿範 + 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() { + const token = wx.getStorageSync(app.config.tokenKey); + if (!token) return + 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) => {}) + } + }, }) \ No newline at end of file -- Gitblit v1.9.1