login

litian

2024-09-06 8dc4e50769a7ebc5f0a3d766f61aa08b8f23b772

 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,35 @@
      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,
      })
    }
    const token = wx.getStorageSync(app.config.tokenKey)
    if (!token) {
      loginInfo(app, (data) => {
        if (data) {} else {}
      })
    }
    this.resourceDetailsData()
    this.getNoteList()
    console.log(options, 'options');
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   * 
   */
  onReady() {


  },
  onReady() {},

  /**
   * 生命周期函数--监听页面显示
@@ -135,10 +140,14 @@
      let duration = this.data.pauseTime - this.data.startTime
      this.count(duration)
    }
    this.setPlayerList()
  },

  /**
   * 生命周期函数--监听页面卸载
   * 
   * 退出页面时候调用的
   * 
   */
  onUnload() {
    // this.setData({
@@ -152,16 +161,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 +213,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 +239,6 @@
    wx.navigateBack();
  },
  resourceDetailsData() {
    let datas = ''
    let query = {
      path: '*',
      queryType: '*',
@@ -241,7 +246,6 @@
      cmsPath: this.data.parentProductLinkPath,
      itemFields: {
        SysType: 'CmsFolder',
        // 资源类型，试读文件，是否允许下载等参数
        selectType: [],
        freeFile: [],
        file: [],
@@ -251,6 +255,7 @@
        jsek_resourceBrief: [],
        jsek_link: [],
        jsek_questionBank: [],
        learnSelectType: [],
        learnSelectType: []
      },
      pading: {
@@ -258,74 +263,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 +345,11 @@
      productId: this.data.bookId,
      appRefCode: app.config.appRefCode
    }).then((res) => {
      // console.log(res);
      this.setData({
        topicId: res.id
      })
    })
  },



  newTopicMessageGet() {
    let query = {
@@ -357,13 +361,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 +396,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 +404,12 @@
    this.getNoteList()

  },
  onTextarea() {
    // console.log(this.data.textvalue);
  },
  onTextarea() {},
  textareaChange(e) {
    this.setData({
      textvalue: e.detail.value
    })
  },


  // 获取笔记列表
  async getNoteList() {
@@ -452,9 +451,8 @@
      this.setData({
        "pageCount.total": res.totalSize,
        noteList: res.datas,
        loading: false
      })
      // console.log('笔记列表', res.datas);

    })
  },
  // 编辑按钮
@@ -468,7 +466,7 @@
      noteId: note.id,
      dialogKey: true,
    })
    console.log(this.data.submitTitle);

    // this.showDialog()
  },

@@ -505,15 +503,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 +580,57 @@
  },
  // 播放公共代码
  pubulicPlayFun() {
    // debugger
    this.setData({
      speed: 1.0,
    })
    myAudio.playbackRate = this.data.speed;
    myAudio.src = this.data.showData
    // console.log(myAudio.src);
    // 在onCanplay里获取并设置音频时长和播放进度
    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 +648,6 @@
      isplay: true
    });
  },


  //右切换
  onLeftSwitch() {
@@ -669,7 +671,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 +684,6 @@

  // 左右切换
  changeItem(item) {
    console.log(item);

    if (this.data.showData != '') {
      this.setData({
        showData: ''
@@ -717,7 +716,7 @@
    }

    setTimeout(() => {
      console.log(this.data.speed, 'this.data.speed');

      myAudio.startTime = this.data.myAudioDuration //开始时间  
      myAudio.playbackRate = this.data.speed; //  播放速率
    }, 200);
@@ -734,12 +733,10 @@
    })
  },


  toggleDropdown() {
    this.setData({
      showDropdown: !this.data.showDropdown
    });

  },
  smallSpeed() {
    this.setData({
@@ -747,7 +744,7 @@
      showDropdown: !this.data.showDropdown
    })
    setTimeout(() => {
      // myAudio.startTime = this.data.myAudioDuration  //开始时间  
      myAudio.startTime = this.data.myAudioDuration //开始时间  
      myAudio.playbackRate = this.data.speed; //  播放速率
    }, 200);
  },
@@ -757,7 +754,7 @@
      showDropdown: !this.data.showDropdown
    })
    setTimeout(() => {
      // myAudio.startTime = this.data.myAudioDuration  //开始时间  
      myAudio.startTime = this.data.myAudioDuration //开始时间  
      myAudio.playbackRate = this.data.speed; //  播放速率
    }, 200);
  },
@@ -767,7 +764,7 @@
      showDropdown: !this.data.showDropdown
    })
    setTimeout(() => {
      // myAudio.startTime = this.data.myAudioDuration  //开始时间  
      myAudio.startTime = this.data.myAudioDuration //开始时间  
      myAudio.playbackRate = this.data.speed; //  播放速率
    }, 200);
  },
@@ -777,20 +774,45 @@
      showDropdown: !this.data.showDropdown
    })
    setTimeout(() => {
      // myAudio.startTime = this.data.myAudioDuration  //开始时间  
      myAudio.startTime = this.data.myAudioDuration //开始时间  
      myAudio.playbackRate = this.data.speed; //  播放速率
    }, 200);
  },
  // 云学习处理已购买正式文件
  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);
  }
})