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/myAudio/index.js | 278 +++++++++++++++++++++++++++++-------------------------- 1 files changed, 147 insertions(+), 131 deletions(-) diff --git a/packageDomain/pages/resourceDetails/myAudio/index.js b/packageDomain/pages/resourceDetails/myAudio/index.js index 10f021b..217aa09 100644 --- a/packageDomain/pages/resourceDetails/myAudio/index.js +++ b/packageDomain/pages/resourceDetails/myAudio/index.js @@ -19,6 +19,7 @@ dialogKey: false, style: 'border: 2rpx solid rgba(220,220,220,1);border-radius: 12rpx;', activeId: '', + storeInfo: '', bookId: '', bookName: '', cmsId: '', @@ -47,25 +48,19 @@ pauseTime: 0, //鏆傚仠鏃堕棿 formPath: '', loading: true, - hidden: true + hidden: true, + playerList: [], + progress: 0, }, - // // 鏃堕棿鏍煎紡鍖� - // format(t) { - // let time = Math.floor(t / 60) >= 10 ? Math.floor(t / 60) : '0' + Math.floor(t / 60); - // t = time + ':' + ((t % 60) / 100).toFixed(2).slice(-2); - // return t; - // }, - - // 杞寲鏃堕棿 format(time) { let minute = Math.floor(time / 60); - let second = Math.floor(time % 60); - minute = minute < 10 ? ("0" + minute) : minute; - second = second < 10 ? ("0" + second) : second; - let res = minute + ":" + second; - return res; + let second = Math.round(time % 60); + let minuteStr = minute < 10 ? "0" + minute : "" + minute; + let secondStr = second < 10 ? "0" + second : "" + second; + return minuteStr + ":" + secondStr; }, + audio: null, // 鏍煎紡鍖栫瑪璁版椂闂� convertTimestamp(timestamp) { @@ -80,12 +75,14 @@ return formattedDate }, - - /** * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鍔犺浇 */ onLoad(options) { + console.log(options); + wx.setNavigationBarTitle({ + title: '璧勬簮璇︽儏-闊抽' + }); const systInfo = wx.getSystemInfoSync(); const menu = wx.getMenuButtonBoundingClientRect(); // 鑳跺泭淇℃伅 const navBarHeight = (menu.top - systInfo.statusBarHeight) * 2 + menu.height; // 瀵艰埅鏍忛珮搴� @@ -93,27 +90,29 @@ 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 }) + + if (options.parentName !== "鏁欏璧勬簮" && options.parentName !== "浜戝涔�") { + this.setData({ + parentName: options.parentName, + }) + } this.resourceDetailsData() this.getNoteList() - console.log(options, 'options'); }, /** * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鍒濇娓叉煋瀹屾垚 * */ - onReady() { - - - }, + onReady() {}, /** * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鏄剧ず @@ -135,10 +134,14 @@ let duration = this.data.pauseTime - this.data.startTime this.count(duration) } + this.setPlayerList() }, /** * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鍗歌浇 + * + * 閫�鍑洪〉闈㈡椂鍊欒皟鐢ㄧ殑 + * */ onUnload() { // this.setData({ @@ -152,16 +155,19 @@ // myAudio.src = '' // myAudio.destroy() - // this.setData({ - // myAudioPos: '', - // isplay: false, //鏄惁榛樿鎾斁, - // myAudioCurrent: '00:00', // 褰撳墠鎾斁杩涘害 - // showData: '', - // }); + this.setData({ + // myAudioPos: '', + isplay: false, //鏄惁榛樿鎾斁, + myAudioCurrent: '00:00', // 褰撳墠鎾斁杩涘害 + showData: '', + speed: 1.0, + }); + myAudio.playbackRate = this.data.speed; // 鍋滄闊抽鎾斁 - // myAudio.stop(); + myAudio.stop(); // 閿�姣� InnerAudioContext 瀹炰緥 // myAudio.destroy(); + this.setPlayerList() }, count(timeStr) { const data = { @@ -201,21 +207,15 @@ onShareAppMessage() { }, - onTabsChange(event) { + onTabsChange(event) {}, - }, - - onTabsClick(event) { - - }, + onTabsClick(event) {}, handleChange(e) { this.setData({ activeValues: e.detail.value, }); }, - onTakeNotes() { - - }, + onTakeNotes() {}, showDialog(e) { this.setData({ submitTitle: this.data.titleName, @@ -233,7 +233,6 @@ wx.navigateBack(); }, resourceDetailsData() { - let datas = '' let query = { path: '*', queryType: '*', @@ -241,7 +240,6 @@ cmsPath: this.data.parentProductLinkPath, itemFields: { SysType: 'CmsFolder', - // 璧勬簮绫诲瀷锛岃瘯璇绘枃浠讹紝鏄惁鍏佽涓嬭浇绛夊弬鏁� selectType: [], freeFile: [], file: [], @@ -251,6 +249,7 @@ jsek_resourceBrief: [], jsek_link: [], jsek_questionBank: [], + learnSelectType: [], learnSelectType: [] }, pading: { @@ -258,74 +257,76 @@ 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 (item.selectType === "audio" || item.learnSelectType === "audio") { - this.data.threeLeveData.push(item) - this.setData({ - threeLeveData: this.data.threeLeveData - }) - + this.data.threeLeveData.push(item); } - this.data.threeLeveData.forEach((items, index) => { // 淇敼姝ゅ娣诲姞index鍙傛暟 - if (this.data.productLinkPath == items.productLinkPath) { - datas = items - let selectedIndex = index; // 瀛樺偍閫変腑椤圭殑绱㈠紩 - this.setData({ - selectedId: selectedIndex // 璁剧疆閫変腑椤圭殑绱㈠紩 - }); - } - - }); - if (this.data.formPath == 'jsek_cloudLearning') { - // 杩欓噷澶勭悊浜戝涔犵殑 - this.setData({ - showData: app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + datas.protectedFile + '&token=' + wx.getStorageSync(app.config.tokenKey), - titleName: datas.name - }) - this.pubulicPlayFun() - } else { - this.setData({ - showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + datas.file, - titleName: datas.name - }) - this.pubulicPlayFun() + }); + this.data.threeLeveData.forEach((items, indexs) => { + if (this.data.productLinkPath == items.productLinkPath) { + selectedId = indexs; } - }) - this.data.threeLeveData.forEach((item) => {}) + if (selectedId !== -1) { + let datas = this.data.threeLeveData[selectedId]; + if (this.data.formPath == 'jsek_cloudLearning') { + let file = datas.protectedFile ? datas.protectedFile : datas.file + 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(); + }); }, + onVideo(e) { + this.setPlayerList() this.setData({ myAudioCurrent: '00:00', myAudioPos: '', isplay: false }) const item = e.currentTarget.dataset.item + console.log(item, 222) 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.file // 杩欓噷澶勭悊浜戝涔犵殑 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 { 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 }) this.pubulicPlayFun() } @@ -338,14 +339,11 @@ productId: this.data.bookId, appRefCode: app.config.appRefCode }).then((res) => { - // console.log(res); this.setData({ topicId: res.id }) }) }, - - newTopicMessageGet() { let query = { @@ -357,13 +355,12 @@ newDataListRequest: [] } app.MG.ugc.newTopicMessage(query).then(res => { - // console.log(res); + }) }, // 鏍囬鏀瑰彉 changeTitle(e) { - // console.log(e.currentTarget.dataset.value); this.setData({ flag: e.currentTarget.dataset.value }) @@ -393,8 +390,7 @@ } else if (this.data.submitType == 'edit') { this.updateNote() } - // console.log(this.data.textvalue); - // console.log(this.data.titleName); + this.setData({ dialogKey: false }); @@ -402,15 +398,12 @@ this.getNoteList() }, - onTextarea() { - // console.log(this.data.textvalue); - }, + onTextarea() {}, textareaChange(e) { this.setData({ textvalue: e.detail.value }) }, - // 鑾峰彇绗旇鍒楄〃 async getNoteList() { @@ -452,9 +445,8 @@ this.setData({ "pageCount.total": res.totalSize, noteList: res.datas, - loading: false }) - // console.log('绗旇鍒楄〃', res.datas); + }) }, // 缂栬緫鎸夐挳 @@ -468,7 +460,7 @@ noteId: note.id, dialogKey: true, }) - console.log(this.data.submitTitle); + // this.showDialog() }, @@ -505,15 +497,6 @@ }, // 鏂板缓绗旇鎺ュ彛 async makeNote() { - // const token = wx.getStorageSync('jsek-token') - // if (!token) { - // return wx.getUserProfile({ - // desc: '鐢ㄦ埛鐧诲綍', - // success: (res) => { - // // console.log(res); - // } - // }) - // } let topicId await app.MG.ugc .getProductUserSubmitTopic({ @@ -591,43 +574,57 @@ }, // 鎾斁鍏叡浠g爜 pubulicPlayFun() { + // debugger + this.setData({ + speed: 1.0, + }) + myAudio.playbackRate = this.data.speed; myAudio.src = this.data.showData - // console.log(myAudio.src); // 鍦╫nCanplay閲岃幏鍙栧苟璁剧疆闊抽鏃堕暱鍜屾挱鏀捐繘搴� myAudio.onCanplay(() => { myAudio.duration; //蹇呴』鍐欙紝涓嶇劧鑾峰彇涓嶅埌 - setTimeout(() => { - + // 瑕佸垵濮嬪寲闊抽鐨勬椂闂� + // myAudio.startTime = myAudio.currentTime //寮�濮嬫椂闂� this.setData({ myAudioDuration: this.format(myAudio.duration), myAudioCurrent: this.format(myAudio.currentTime) }); - }, 100); }); + + + //鎾斁浜嬩欢 + myAudio.play(); // 鎾斁瀹屾垚澶勭悊锛屾寜閽彉涓�涓� myAudio.onEnded((res) => { this.setData({ - isplay: false + speed: 1.0, }) - }); + myAudio.playbackRate = this.data.speed; + this.setData({ + isplay: true, + myAudioCurrent: '00:00', + myAudioPos: '', + }) + + + }); //杩涘害鏉″彉鍖� myAudio.onTimeUpdate(() => { - // console.log(this.format(myAudio.duration)); + 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.toFixed(3), myAudio.duration); }) - - myAudio.play(); }, - //鎾斁 play() { @@ -645,7 +642,6 @@ isplay: true }); }, - //鍙冲垏鎹� onLeftSwitch() { @@ -669,7 +665,6 @@ speed: 1.0, myAudioCurrent: '00:00' }) - console.log('鍙冲垏鎹�'); 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]) @@ -683,8 +678,6 @@ // 宸﹀彸鍒囨崲 changeItem(item) { - console.log(item); - if (this.data.showData != '') { this.setData({ showData: '' @@ -717,7 +710,7 @@ } setTimeout(() => { - console.log(this.data.speed, 'this.data.speed'); + myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂� myAudio.playbackRate = this.data.speed; // 鎾斁閫熺巼 }, 200); @@ -734,12 +727,10 @@ }) }, - toggleDropdown() { this.setData({ showDropdown: !this.data.showDropdown }); - }, smallSpeed() { this.setData({ @@ -747,7 +738,7 @@ showDropdown: !this.data.showDropdown }) setTimeout(() => { - // myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂� + myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂� myAudio.playbackRate = this.data.speed; // 鎾斁閫熺巼 }, 200); }, @@ -757,7 +748,7 @@ showDropdown: !this.data.showDropdown }) setTimeout(() => { - // myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂� + myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂� myAudio.playbackRate = this.data.speed; // 鎾斁閫熺巼 }, 200); }, @@ -767,7 +758,7 @@ showDropdown: !this.data.showDropdown }) setTimeout(() => { - // myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂� + myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂� myAudio.playbackRate = this.data.speed; // 鎾斁閫熺巼 }, 200); }, @@ -777,20 +768,45 @@ showDropdown: !this.data.showDropdown }) setTimeout(() => { - // myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂� + myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂� myAudio.playbackRate = this.data.speed; // 鎾斁閫熺巼 }, 200); }, - // 浜戝涔犲鐞嗗凡璐拱姝e紡鏂囦欢 - handleFile() { - console.log(1111); + //鑾峰彇闊抽瀛︿範 + 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) + }) + } + }) }, - // 浜戝涔犺瘯鐪嬪鐞� - handleFreeFile() { - console.log(2222); + setPlayerList() { + let that = this + if (that.data.progress > 0) { + let index = that.data.playerList.findIndex((itemData) => itemData.cmsItemId == that.data.selectId) + if (index > -1) { + that.data.playerList.splice(index, 1) + } + that.data.playerList.push({ + cmsItemId: that.data.selectId, + progress: that.data.progress + }) + app.MG.identity + .setUserKey({ + setKeyRequests: [{ + domain: 'videoPlayer', + key: that.data.bookId, + value: JSON.stringify(that.data.playerList) + }] + }) + .then((res) => {}) + } }, - // 鍒ゆ柇璧勬簮鏄惁璐拱 - resourceIsBuy() { - console.log(333); - } }) \ No newline at end of file -- Gitblit v1.9.1