小程序音频播放js

最近在开发小程序中,使用到了音频播放,如下:

  • js
//player.js
const innerAudioContext = wx.createInnerAudioContext()

// var PlayProcess;

// innerAudioContext.onPlay=function(){
//   PlayProcess();
// }

function Play(source) {
  innerAudioContext.stop()
  innerAudioContext.src = source
  innerAudioContext.play()
}

function Stop() {
  innerAudioContext.stop()
  innerAudioContext.src = null
}

module.exports = {
  Play: Play,
  Stop: Stop
  // PlayProcess: PlayProcess
}

  • wxml
    <view bindtap='playVoice' data-resource='{{item.resource}}'>
      <view>
        <image src='tupian.png' mode='aspectFit'></image> {{item.duration}}
      </view>
    </view>
  • js
const voicePlayer = require('./utils/player')

  /**
   * 播放语音按钮点击事件
   */
  playVoice: function(event) {
    var resource = event.currentTarget.dataset.resource;
    voicePlayer.Play(resource);
  },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值