From 4bc1c36faeec2f90e5acfa836732e49fe0b245e9 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期五, 12 四月 2024 20:47:03 +0800 Subject: [PATCH] 云学习11 --- packageDomain/pages/resourceDetails/myAudio/index.js | 292 ++++++++++++++++++++++++++++++++++++--------------------- 1 files changed, 183 insertions(+), 109 deletions(-) diff --git a/packageDomain/pages/resourceDetails/myAudio/index.js b/packageDomain/pages/resourceDetails/myAudio/index.js index 0a8363b..10f021b 100644 --- a/packageDomain/pages/resourceDetails/myAudio/index.js +++ b/packageDomain/pages/resourceDetails/myAudio/index.js @@ -1,6 +1,8 @@ // pages/resourceDetails/index.js const app = getApp() const myAudio = wx.createInnerAudioContext(); +// innerAudioContext.onPlay(function callback), +// InnerAudioContext.onTimeUpdate(function callback) Page({ /** @@ -11,7 +13,7 @@ noteList: [], navBarHeight: '', barHeight: '', - flag: true, // 杈撳叆妗嗘槸鍚︽樉绀� + flag: false, // 杈撳叆妗嗘槸鍚︽樉绀� tabPanelstyle: 'display:flex;justify-content:center;align-items:center;', activeValues: [0], dialogKey: false, @@ -35,18 +37,34 @@ style: 'height: 248rpx', submitType: "new", // 鏂板缓 or 缂栬緫 noteId: '', - myAudioDuration: '00:00', // 瑙嗛鏃堕棿 - myAudioCurrent: '00:00', // 褰撳墠鎾斁杩涘害 + myAudioDuration: '00:00', // 瑙嗛鏃堕棿 + myAudioCurrent: '00:00', // 褰撳墠鎾斁杩涘害 isplay: false, //鏄惁榛樿鎾斁, selectId: '', speed: 1.0, - myAudioPos: '' + myAudioPos: '', + startTime: "", //杩涘叆椤甸潰褰撳墠鏃堕棿 + pauseTime: 0, //鏆傚仠鏃堕棿 + formPath: '', + loading: true, + hidden: true }, - // 鏃堕棿鏍煎紡鍖� - 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(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; }, audio: null, // 鏍煎紡鍖栫瑪璁版椂闂� @@ -71,7 +89,6 @@ 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, @@ -81,14 +98,12 @@ cmsId: options.cmsId, parentName: options.parentName, parentProductLinkPath: options.parentProductLinkPath, - productLinkPath: options.productLinkPath + productLinkPath: options.productLinkPath, + formPath: options.formPath }) - this.resourceDetailsData() this.getNoteList() - - - + console.log(options, 'options'); }, /** @@ -104,24 +119,68 @@ * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鏄剧ず */ onShow() { - - this.pubulicPlayFun() + this.setData({ + startTime: Date.now() + }) }, /** * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰闅愯棌 */ onHide() { - + this.setData({ + pauseTime: Date.now() + }) + if (wx.getStorageSync(app.config.tokenKey)) { + let duration = this.data.pauseTime - this.data.startTime + this.count(duration) + } }, /** * 鐢熷懡鍛ㄦ湡鍑芥暟--鐩戝惉椤甸潰鍗歌浇 */ 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: '', + // }); + // 鍋滄闊抽鎾斁 + // myAudio.stop(); + // 閿�姣� InnerAudioContext 瀹炰緥 + // myAudio.destroy(); }, - + count(timeStr) { + const data = { + appRefCode: app.config.appRefCode, + type: 'LearningTime', //缁熻绫诲瀷--闃呰鏃堕暱 + data: timeStr + '', //缁熻鍐呭--鏃堕暱姣 + event: 'LearningTime', + sysType: 'App' + } + //闃呰鍟嗗搧鐨刬d + if (this.data.bookId) { + data.productId = this.data.bookId + } + //闃呰璧勬簮鐨刬d + if (this.data.cmsId) { + data.cmsItemId = this.data.cmsId + } + app.MG.job.newJobWithApiNewEvent(data).then((res) => {}) + }, /** * 椤甸潰鐩稿叧浜嬩欢澶勭悊鍑芥暟--鐩戝惉鐢ㄦ埛涓嬫媺鍔ㄤ綔 */ @@ -148,7 +207,8 @@ onTabsClick(event) { - }, handleChange(e) { + }, + handleChange(e) { this.setData({ activeValues: e.detail.value, }); @@ -157,18 +217,14 @@ }, showDialog(e) { - this.setData({ - submitTitle: this.data.bookName, + submitTitle: this.data.titleName, dialogKey: true, textvalue: '' - - }); }, closeDialog() { - this.setData({ dialogKey: false }); @@ -177,6 +233,7 @@ wx.navigateBack(); }, resourceDetailsData() { + let datas = '' let query = { path: '*', queryType: '*', @@ -201,64 +258,77 @@ size: 999 } } - app.MG.store.getProductDetail(query).then(res => { res.datas.cmsDatas[0].datas.forEach((item, index) => { - - if (item.selectType === "audio") { + if (item.selectType === "audio" || item.learnSelectType === "audio") { this.data.threeLeveData.push(item) this.setData({ threeLeveData: this.data.threeLeveData }) - this.data.threeLeveData.forEach((items, index) => { // 淇敼姝ゅ娣诲姞index鍙傛暟 - if (this.data.productLinkPath == items.productLinkPath) { - this.setData({ - showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + items.file, - titleName: items.name - }) - this.pubulicPlayFun() - console.log(index, 'index'); - let selectedIndex = index; // 瀛樺偍閫変腑椤圭殑绱㈠紩 - this.setData({ - selectedId: selectedIndex // 璁剧疆閫変腑椤圭殑绱㈠紩 - }); - } - }); + } + 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((item) => { - // console.log(item.name); + this.data.threeLeveData.forEach((item) => {}) + this.setData({ + loading: false, + hidden: false }) }) }, onVideo(e) { - // console.log(e, 'e'); this.setData({ myAudioCurrent: '00:00', - myAudioPos: '' + myAudioPos: '', + isplay: false }) - const item = e.currentTarget.dataset.item - console.log(item, 'item0980'); if (this.data.showData != '') { - - this.setData({ titleName: item.name, selectId: item.id, selectedId: e.currentTarget.dataset.index, showData: '' }) - console.log(e.currentTarget.dataset.index, 'e.currentTarget.dataset.index'); - if (item.selectType == "audio") { - this.setData({ - showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file - }) - this.pubulicPlayFun() + + if (item.selectType == "audio" || item.learnSelectType === "audio") { + if (this.data.formPath == 'jsek_cloudLearning') { + // 杩欓噷澶勭悊浜戝涔犵殑 + this.setData({ + showData: app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + item.protectedFile + '&token=' + wx.getStorageSync(app.config.tokenKey) + }) + this.pubulicPlayFun() + + } else { + this.setData({ + showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file + }) + this.pubulicPlayFun() + } } } }, @@ -269,7 +339,6 @@ appRefCode: app.config.appRefCode }).then((res) => { // console.log(res); - this.setData({ topicId: res.id }) @@ -297,24 +366,23 @@ // console.log(e.currentTarget.dataset.value); this.setData({ flag: e.currentTarget.dataset.value - }) }, // 鏍囬杈撳叆妗嗗�� 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: '璇峰~鍐欑瑪璁版爣棰�', @@ -330,6 +398,9 @@ this.setData({ dialogKey: false }); + + this.getNoteList() + }, onTextarea() { // console.log(this.data.textvalue); @@ -375,11 +446,8 @@ topicIdOrRefCode: topicId + '' } await app.MG.ugc.getTopicMessageList(query).then((res) => { - // notePage.value.total = res.totalSize res.datas.forEach((item) => { - item.createDate = this.convertTimestamp(item.createDate) - console.log(item, 'item789'); }) this.setData({ "pageCount.total": res.totalSize, @@ -396,9 +464,12 @@ submitType: "edit", textvalue: note.content, submitTitle: note.name, - noteId: note.id + + noteId: note.id, + dialogKey: true, }) - this.showDialog() + console.log(this.data.submitTitle); + // this.showDialog() }, // 鍒犻櫎绗旇 @@ -408,13 +479,15 @@ messageIds.push(id) wx.showModal({ title: '鎻愮ず', - content: '纭鍒犻櫎璇ョ瑪璁板悧锛�',//editable濡傛灉涓簍rue锛岃繖灏辨槸杈撳叆妗嗙殑鍐呭 - editable: false,//鏄惁鏄剧ず杈撳叆妗� - placeholderText: '璇疯緭鍏ュ唴瀹瑰惂',//杈撳叆妗嗙殑榛樿鍐呭 + content: '纭鍒犻櫎璇ョ瑪璁板悧锛�', //editable濡傛灉涓簍rue锛岃繖灏辨槸杈撳叆妗嗙殑鍐呭 + editable: false, //鏄惁鏄剧ず杈撳叆妗� + placeholderText: '璇疯緭鍏ュ唴瀹瑰惂', //杈撳叆妗嗙殑榛樿鍐呭 success: (res) => { if (res.confirm) { app.MG.ugc - .delTopicMessage({ messageIds }) + .delTopicMessage({ + messageIds + }) .then((res) => { wx.showToast({ title: '鍒犻櫎鎴愬姛', @@ -432,15 +505,15 @@ }, // 鏂板缓绗旇鎺ュ彛 async makeNote() { - const token = wx.getStorageSync('jsek-token') - if (!token) { - return wx.getUserProfile({ - desc: '鐢ㄦ埛鐧诲綍', - success: (res) => { - // console.log(res); - } - }) - } + // const token = wx.getStorageSync('jsek-token') + // if (!token) { + // return wx.getUserProfile({ + // desc: '鐢ㄦ埛鐧诲綍', + // success: (res) => { + // // console.log(res); + // } + // }) + // } let topicId await app.MG.ugc .getProductUserSubmitTopic({ @@ -518,22 +591,21 @@ }, // 鎾斁鍏叡浠g爜 pubulicPlayFun() { - myAudio.src = this.data.showData - console.log(myAudio.src); + // console.log(myAudio.src); // 鍦╫nCanplay閲岃幏鍙栧苟璁剧疆闊抽鏃堕暱鍜屾挱鏀捐繘搴� myAudio.onCanplay(() => { - myAudio.duration; //蹇呴』鍐欙紝涓嶇劧鑾峰彇涓嶅埌銆傘�傘�� + myAudio.duration; //蹇呴』鍐欙紝涓嶇劧鑾峰彇涓嶅埌 + setTimeout(() => { - console.log(myAudio.duration, 'myAudio.duration'); - // debugger + this.setData({ myAudioDuration: this.format(myAudio.duration), myAudioCurrent: this.format(myAudio.currentTime) }); - }, 1000); - }); + }, 100); + }); // 鎾斁瀹屾垚澶勭悊锛屾寜閽彉涓�涓� myAudio.onEnded((res) => { @@ -545,40 +617,35 @@ //杩涘害鏉″彉鍖� myAudio.onTimeUpdate(() => { + // console.log(this.format(myAudio.duration)); this.setData({ myAudioPos: myAudio.currentTime / myAudio.duration * 100, - myAudioCurrent: this.format(myAudio.currentTime) + myAudioCurrent: this.format(myAudio.currentTime), + myAudioDuration: this.format(myAudio.duration), }); }) + + myAudio.play(); }, //鎾斁 play() { - console.log(22222); myAudio.startTime = this.data.myAudioCurrent; //鑰冭檻鍒拌繘搴︽潯琚嫋鍔紝涓嶄竴瀹氫粠00:00:00寮�濮� myAudio.play(); this.setData({ - isplay: true + isplay: false }); - - }, // 鍋滄 stop() { + myAudio.pause(); + this.setData({ + isplay: true + }); + }, - myAudio.pause(); - this.setData({ - isplay: false - }); - }, - adsfhaewlf() { - myAudio.pause(); - this.setData({ - isplay: false - }); - }, //鍙冲垏鎹� onLeftSwitch() { @@ -591,14 +658,11 @@ this.changeItem(this.data.threeLeveData[index - 1]) this.setData({ selectedId: index - 1, - }) } else { console.log('宸茬粡鏄涓�棣栦簡'); } - }, - //鍙冲垏鎹� onRightSwitch() { this.setData({ @@ -611,7 +675,6 @@ this.changeItem(this.data.threeLeveData[index + 1]) this.setData({ selectedId: index + 1, - }) } else { console.log('宸茬粡鏄渶鍚庝竴棣栦簡'); @@ -631,7 +694,6 @@ titleName: item.name, selectId: item.id }) - if (item.selectType == "audio") { this.setData({ showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file @@ -656,7 +718,7 @@ setTimeout(() => { console.log(this.data.speed, 'this.data.speed'); - myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂� + myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂� myAudio.playbackRate = this.data.speed; // 鎾斁閫熺巼 }, 200); }, @@ -718,5 +780,17 @@ // myAudio.startTime = this.data.myAudioDuration //寮�濮嬫椂闂� myAudio.playbackRate = this.data.speed; // 鎾斁閫熺巼 }, 200); + }, + // 浜戝涔犲鐞嗗凡璐拱姝e紡鏂囦欢 + handleFile() { + console.log(1111); + }, + // 浜戝涔犺瘯鐪嬪鐞� + handleFreeFile() { + console.log(2222); + }, + // 鍒ゆ柇璧勬簮鏄惁璐拱 + resourceIsBuy() { + console.log(333); } }) \ No newline at end of file -- Gitblit v1.9.1