Skip to content

微信小程序“MP3”无法播放的问题

发表于:

文章分类:web

文章标签:微信小程序createInnerAudioContext音频通道

阅读量:

音频通道1
音频通道1

为小程序『我为学习狂』添加了26个英文字母读音之后,发现一个神奇的 bug ,在 MacBook 上开发可以正常播放,手机上调试就无法不放,手机上带上耳机也可以播放,发正式环境下也是无法播放。工作项目忙就一直没有解决。

今天就查看了一下mp3文件信息,发现无法正常播放的 MP3 的“音频通道”(音频通道:2)和可以正常播放的 MP3 不一样(音频通道:1),没做过音频处理,不晓得怎么改变 MP3 的音频通道。然后换了一个资源文件就可以播放了。

如果你也碰到类似 MP3 无法播放的问题,可以尝试看下自己的 MP3 资源文件的音频通道是否是“1”。

特此Mark一下。

怎么播放 MP3

js
Page({
  data: {
    motto: '26个英文字母读音'
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    this.playAudio('https://m10.music.126.net/20180904013509/d01ab86edc3f28b25c2f02182ee74866/ymusic/69d2/0fd2/dda6/6035fc3521bce8f32548c4500000162e.mp3');
  },
  playAudio: function (src) {
    const innerAudioContext = wx.createInnerAudioContext()
    innerAudioContext.src = src;
    innerAudioContext.playbackRate = 0.5;
    innerAudioContext.play();
    innerAudioContext.onPlay(() => {
      console.log('开始播放')
    })
    innerAudioContext.onEnded(() => {
      console.log('播放结束')
      innerAudioContext.destroy;
    })
  }
})

TODO

如何改变 MP3 的音频通道?

wiki

wx.createInnerAudioContext()

我为学习狂
我为学习狂
上一篇
下一篇
总访问量:-