音频播放bug

yiming

2024-04-11 a9bd2df4da1cf7b198db7bf2d67ce8adbbe89b32

 packageDomain/pages/resourceDetails/myAudio/index.js

@@ -13,7 +13,7 @@
    noteList: [],
    navBarHeight: '',
    barHeight: '',
    flag: true, // 输入框是否显示
    flag: false, // 输入框是否显示
    tabPanelstyle: 'display:flex;justify-content:center;align-items:center;',
    activeValues: [0],
    dialogKey: false,
@@ -45,7 +45,9 @@
    myAudioPos: '',
    startTime: "", //进入页面当前时间
    pauseTime: 0, //暂停时间
    fromPath: ''
    formPath: '',
    loading: true,
    hidden: true
  },
  // // 时间格式化
  // format(t) {
@@ -97,7 +99,7 @@
      parentName: options.parentName,
      parentProductLinkPath: options.parentProductLinkPath,
      productLinkPath: options.productLinkPath,
      fromPath: options.formPath
      formPath: options.formPath
    })
    this.resourceDetailsData()
    this.getNoteList()
@@ -257,21 +259,27 @@
    }
    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) {
              if (this.data.fromPath == 'jsek_cloudLearning') {
                这里处理云学习的
              }
              if (this.data.formPath == 'jsek_cloudLearning') {
                // 这里处理云学习的
                this.setData({
                  showData: app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + items.protectedFile + '&token=' + wx.getStorageSync(app.config.tokenKey),
                  titleName: items.name
                })
                this.pubulicPlayFun()
              } else {
              this.setData({
                showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + items.file,
                titleName: items.name
              })
              this.pubulicPlayFun()
              }
              let selectedIndex = index; // 存储选中项的索引
              this.setData({
                selectedId: selectedIndex // 设置选中项的索引
@@ -281,6 +289,10 @@
        }
      })
      this.data.threeLeveData.forEach((item) => {})
      this.setData({
        loading: false,
        hidden: false
      })
    })
  },
  onVideo(e) {
@@ -298,11 +310,20 @@
        showData: ''
      })

      if (item.selectType == "audio") {
      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()
        }
      }
    }
  },
@@ -340,13 +361,12 @@
    // 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
    })
  },

@@ -357,7 +377,7 @@
        title: '请填写笔记内容',
      })

    } else if (!this.data.titleName) {
    } else if (!this.data.submitTitle) {
      return wx.showToast({
        icon: 'error',
        title: '请填写笔记标题',
@@ -373,6 +393,9 @@
    this.setData({
      dialogKey: false
    });

    this.getNoteList()

  },
  onTextarea() {
    // console.log(this.data.textvalue);
@@ -436,9 +459,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()
  },

  // 删除笔记
@@ -564,7 +590,11 @@
    // console.log(myAudio.src);
    // 在onCanplay里获取并设置音频时长和播放进度
    myAudio.onCanplay(() => {
      myAudio.duration; //必须写，不然获取不到。。。
      myAudio.duration; //必须写，不然获取不到
      this.setData({
        myAudioDuration: this.format(myAudio.duration),
      })

      setTimeout(() => {
        this.setData({
          myAudioDuration: this.format(myAudio.duration),
@@ -573,12 +603,6 @@
      }, 100);
    });

    // myAudio.onSeeked(() => {
    //   this.setData({
    //     myAudioDuration: this.format(myAudio.duration),
    //     myAudioCurrent: this.format(myAudio.currentTime)
    //   })
    // })
    // 播放完成处理，按钮变一下
    myAudio.onEnded((res) => {
      this.setData({
@@ -589,11 +613,15 @@

    //进度条变化   
    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();
  },


@@ -602,7 +630,7 @@
    myAudio.startTime = this.data.myAudioCurrent; //考虑到进度条被拖动，不一定从00:00:00开始
    myAudio.play();
    this.setData({
      isplay: true
      isplay: false
    });
  },

@@ -610,15 +638,10 @@
  stop() {
    myAudio.pause();
    this.setData({
      isplay: false
      isplay: true
    });
  },
  adsfhaewlf() {
    myAudio.pause();
    this.setData({
      isplay: false
    });
  },


  //右切换
  onLeftSwitch() {
@@ -648,7 +671,6 @@
      this.changeItem(this.data.threeLeveData[index + 1])
      this.setData({
        selectedId: index + 1,

      })
    } else {
      console.log('已经是最后一首了');
@@ -668,7 +690,6 @@
      titleName: item.name,
      selectId: item.id
    })

    if (item.selectType == "audio") {
      this.setData({
        showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file