小程序，课程

litian

2024-06-28 75a9abca4f4cf0ebe579705abc369489cfe20e7c

 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: '',
@@ -49,17 +50,10 @@
    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(time) {
    let minute = Math.floor(time / 60);
    let second = Math.floor(time % 60);
    let second = Math.round(time % 60);
    let minuteStr = minute < 10 ? "0" + minute : "" + minute;
    let secondStr = second < 10 ? "0" + second : "" + second;
    return minuteStr + ":" + secondStr;
@@ -79,23 +73,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; // 导航栏高度
@@ -103,6 +88,7 @@
      navBarHeight: navBarHeight,
      barHeight: systInfo.statusBarHeight,
      activeId: options.activeId,
      storeInfo: options.storeInfo,
      bookId: options.bookId,
      bookName: options.bookName,
      cmsId: options.cmsId,
@@ -124,10 +110,7 @@
   * 生命周期函数--监听页面初次渲染完成
   * 
   */
  onReady() {


  },
  onReady() {},

  /**
   * 生命周期函数--监听页面显示
@@ -220,21 +203,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,
@@ -276,7 +253,9 @@
        size: 999
      }
    }

    if (this.data.storeInfo) {
      query.storeInfo = this.data.storeInfo
    }
    app.MG.store.getProductDetail(query).then(res => {
      let selectedId = -1; // 初始化选中项索引
      let showDataUrl = '';
@@ -318,14 +297,11 @@
  },

  onVideo(e) {
    // myAudio.destroy();

    this.setData({
      myAudioCurrent: '00:00',
      myAudioPos: '',
      isplay: false
    })

    const item = e.currentTarget.dataset.item
    if (this.data.showData != '') {
      this.setData({
@@ -334,7 +310,6 @@
        selectedId: e.currentTarget.dataset.index,
        showData: ''
      })

      if (item.selectType == "audio" || item.learnSelectType === "audio") {
        if (this.data.formPath == 'jsek_cloudLearning') {
          // 这里处理云学习的
@@ -342,16 +317,11 @@
            showData: app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + item.protectedFile + '&token=' + wx.getStorageSync(app.config.tokenKey)
          })
          this.pubulicPlayFun()

        } else {


          this.setData({
            showData: item.file ? app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file : app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.freeFile
          })
          this.pubulicPlayFun()


        }
      }
    }
@@ -367,8 +337,6 @@
      })
    })
  },



  newTopicMessageGet() {
    let query = {
@@ -386,7 +354,6 @@

  // 标题改变
  changeTitle(e) {

    this.setData({
      flag: e.currentTarget.dataset.value
    })
@@ -424,15 +391,12 @@
    this.getNoteList()

  },
  onTextarea() {

  },
  onTextarea() {},
  textareaChange(e) {
    this.setData({
      textvalue: e.detail.value
    })
  },


  // 获取笔记列表
  async getNoteList() {
@@ -526,7 +490,6 @@
  },
  // 新建笔记接口
  async makeNote() {

    let topicId
    await app.MG.ugc
      .getProductUserSubmitTopic({
@@ -614,6 +577,8 @@
    myAudio.onCanplay(() => {
      myAudio.duration; //必须写，不然获取不到
      setTimeout(() => {
        // 要初始化音频的时间
        // myAudio.startTime = myAudio.currentTime //开始时间
        this.setData({
          myAudioDuration: this.format(myAudio.duration),
          myAudioCurrent: this.format(myAudio.currentTime)
@@ -625,54 +590,33 @@
    //播放事件
    myAudio.play();




    // 播放完成处理，按钮变一下
    myAudio.onEnded((res) => {
      this.setData({
        speed: 1.0,
      })
      myAudio.playbackRate = this.data.speed;

      this.setData({
        isplay: true,
        myAudioCurrent: '00:00',
        myAudioPos: '',
      })



    });

    //进度条变化   
    myAudio.onTimeUpdate(() => {



      myAudio.startTime = 0
      this.setData({
        myAudioPos: myAudio.currentTime / myAudio.duration * 100,
        myAudioCurrent: this.format(myAudio.currentTime),
        myAudioDuration: this.format(myAudio.duration),
      });
      // debugger

      console.log(this.data.myAudioPos);
      console.log(myAudio.currentTime.toFixed(3), myAudio.duration);
    })

    // if (this.data.myAudioDuration !== this.data.myAudioCurrent) {
    //   this.setData({
    //     myAudioPos: myAudio.currentTime / myAudio.duration * 100,
    //     myAudioCurrent: this.format(myAudio.currentTime),
    //     myAudioDuration: this.format(myAudio.duration),
    //   });

    // }else{
    //   myAudio.pause();
    //   this.setData({
    //     isplay: true
    //   });
    // }
  },


  //播放  
  play() {
@@ -690,7 +634,6 @@
      isplay: true
    });
  },


  //右切换
  onLeftSwitch() {
@@ -714,7 +657,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])
@@ -728,8 +670,6 @@

  // 左右切换
  changeItem(item) {


    if (this.data.showData != '') {
      this.setData({
        showData: ''
@@ -770,7 +710,6 @@

  // 拖动进度条，到指定位置
  hanle_slider_change(e) {

    const position = e.detail.value;
    var currentTime = position / 100 * myAudio.duration;
    myAudio.seek(currentTime);
@@ -778,17 +717,12 @@
      myAudioPos: position,
      myAudioCurrent: this.format(currentTime)
    })



  },


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

  },
  smallSpeed() {
    this.setData({