答题器听力题播放功能优化

闫增涛

2024-04-11 bd3a3057169eb727728f8a322f51fd4fb4b6cf30

 packageBookService/pages/bookServices/examination/questionList/index.js

@@ -1,4 +1,7 @@
// pages/bookServices/examination/questionList/index.js
const innerAudioContext = wx.createInnerAudioContext({
  useWebAudioImplement: false
})
Component({
  /**
   * 组件的属性列表
@@ -16,46 +19,80 @@
      type: Number,
      value: 1
    },
    isNight:{
      type:Boolean,
      value:false
    isNight: {
      type: Boolean,
      value: false
    },
    answerType: {
      type: String,
      value: ''
    },
    sliderValue: {
      type: Number,
    },
    noData: {
      type: Boolean,
    }
  },
  observers: {
    'questionList': function (newValue) {
      console.log(newValue);
    }
  },
  created() {
    // console.log('组件传参', this.properties);
  },
  ready() {
    innerAudioContext.stop();
    innerAudioContext.destroy();
  },
  /**
   * 组件的初始数据
   */
  data: {
    inputstyle: 'border: 2rpx solid rgba(220,220,220,1);border-radius: 12rpx;',
    shortAnswer: 'font-size: 28rpx',
    placeholderstyle: "font-size:28rpx",
    current: 2,
    autoplay: true,
    duration: 500,
    interval: 5000,
    paginationPosition: 'bottom-right',
    navigation: { type: 'fraction' },
    navigation: {
      type: 'fraction'
    },
    showIndex: 0,
    isPlay: false
  },

  /**
   * 组件的方法列表
   */
  methods: {
    audioPlay(e) {
      const src = e.currentTarget.dataset.src
      innerAudioContext.src = src
      if (!this.data.isPlay) {
        innerAudioContext.play()
      } else {
        innerAudioContext.pause()
      }
      this.setData({
        isPlay: !this.data.isPlay
      })
    },
    // 切换题目
    changeSwiper(e) {
      console.log(e);
      this.setData({
        showIndex: e.detail.current
      })
      var myEventDetail = {
        index: e.detail.current
      } // detail对象，提供给事件监听函数
      }
      var myEventOption = {
        bubbles: true,
        composed: true,
      } // 触发事件的选项
      }
      this.triggerEvent('changeSwiper', myEventDetail, myEventOption)
    },
    // 单选  富文本框输入  触发
@@ -91,5 +128,14 @@
      } // 触发事件的选项
      this.triggerEvent('onChangeInput', myEventDetail, myEventOption)
    },
    // 我的错题，收藏查看解析按钮
    viewParsing() {
      var myEventDetail = {}
      var myEventOption = {
        bubbles: true,
        composed: true,
      }
      this.triggerEvent('viewParsing', myEventDetail, myEventOption)
    }
  }
})
})