xiugai

litian

2024-09-07 ce3a08b28c16f5cce2185167f8a9030ee16898ed

 packageDomain/pages/resourceDetails/myAudio/index.js

@@ -1,6 +1,9 @@
// pages/resourceDetails/index.js
const app = getApp()
const myAudio = wx.createInnerAudioContext();
import {
  loginInfo
} from '../../../../assets/js/login';
// innerAudioContext.onPlay(function callback),
// InnerAudioContext.onTimeUpdate(function callback)
Page({
@@ -19,6 +22,7 @@
    dialogKey: false,
    style: 'border: 2rpx solid rgba(220,220,220,1);border-radius: 12rpx;',
    activeId: '',
    storeInfo: '',
    bookId: '',
    bookName: '',
    cmsId: '',
@@ -47,19 +51,14 @@
    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);
    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 +78,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 +93,7 @@
      navBarHeight: navBarHeight,
      barHeight: systInfo.statusBarHeight,
      activeId: options.activeId,
      storeInfo: options.storeInfo,
      bookId: options.bookId,
      bookName: options.bookName,
      cmsId: options.cmsId,
@@ -116,18 +107,28 @@
        parentName: options.parentName,
      })
    }
    this.resourceDetailsData()
    this.getNoteList()
    const token = wx.getStorageSync(app.config.tokenKey)
    if (!token) {
      loginInfo(app, (data) => {
        if (data) {
          this.resourceDetailsData()
          this.getNoteList()
        } else {
          this.resourceDetailsData()
          this.getNoteList()
        }
      })
    } else {
      this.resourceDetailsData()
      this.getNoteList()
    }
  },

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


  },
  onReady() {},

  /**
   * 生命周期函数--监听页面显示
@@ -149,6 +150,7 @@
      let duration = this.data.pauseTime - this.data.startTime
      this.count(duration)
    }
    this.setPlayerList()
  },

  /**
@@ -181,6 +183,7 @@
    myAudio.stop();
    // 销毁 InnerAudioContext 实例
    // myAudio.destroy();
    this.setPlayerList()
  },
  count(timeStr) {
    const data = {
@@ -220,21 +223,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 +273,9 @@
        size: 999
      }
    }

    if (this.data.storeInfo) {
      query.storeInfo = this.data.storeInfo
    }
    app.MG.store.getProductDetail(query).then(res => {
      let selectedId = -1; // 初始化选中项索引
      let showDataUrl = '';
@@ -290,14 +289,13 @@
      this.data.threeLeveData.forEach((items, indexs) => {
        if (this.data.productLinkPath == items.productLinkPath) {
          selectedId = indexs;

        }
      })
      if (selectedId !== -1) {
        let datas = this.data.threeLeveData[selectedId];

        if (this.data.formPath == 'jsek_cloudLearning') {
          showDataUrl = app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + datas.protectedFile + '&token=' + wx.getStorageSync(app.config.tokenKey);
          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
        }
@@ -313,45 +311,40 @@
        hidden: false
      });
      this.pubulicPlayFun();

    });
  },

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

    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: item.file ? app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file : app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.freeFile
          })
          this.pubulicPlayFun()


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



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

  // 标题改变
  changeTitle(e) {

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

  },
  onTextarea() {

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


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

    let topicId
    await app.MG.ugc
      .getProductUserSubmitTopic({
@@ -614,6 +600,8 @@
    myAudio.onCanplay(() => {
      myAudio.duration; //必须写，不然获取不到
      setTimeout(() => {
        // 要初始化音频的时间
        // myAudio.startTime = myAudio.currentTime //开始时间
        this.setData({
          myAudioDuration: this.format(myAudio.duration),
          myAudioCurrent: this.format(myAudio.currentTime)
@@ -625,54 +613,34 @@
    //播放事件
    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),
        progress: ((myAudio.currentTime / myAudio.duration) * 100).toFixed(2)
      });
      // 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 +658,6 @@
      isplay: true
    });
  },


  //右切换
  onLeftSwitch() {
@@ -714,7 +681,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 +694,6 @@

  // 左右切换
  changeItem(item) {


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

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

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



  },


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

  },
  smallSpeed() {
    this.setData({
@@ -830,5 +788,41 @@
      myAudio.playbackRate = this.data.speed; //  播放速率
    }, 200);
  },

  //获取音频学习
  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)
          })
        }
      })
  },
  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) => {})
    }
  },
})