微信小程序录音+音频播放(解决ios无法音频播放问题)

微信小程序录音+播放

1、创建全局变量

const audioManager = wx.getRecorderManager()const innerAudioContext = wx.createInnerAudioContext();

2、录制

	// 监听录制结束
	audioManager.onStop((res) => {
		// res.tempFilePath文件的本地存储地址
	})
	// 开始录制
   audioManager.start({
      duration: 600000, // 自定义时间
    });
    // 停止录制
    audioManager.stop();
    // 暂停录制
    audioManager.pause()
    // 结束录制
    audioManager.stop();

3、播放录音

	// 监听音频播放失败
    innerAudioContext.onError((res) => {
      console.log(res)
    })
    // 监听音频播放结束
    innerAudioContext.onEnded(() => {
  
    })
    // 设置音频播放路径
    innerAudioContext.src = '本地路径或远程路径'
    // 开始播放音频
    innerAudioContext.play();
    // 暂停播放音频
    innerAudioContext.pause()
    // 设置播放位置
    innerAudioContext.seek(10)// 参数为数字类型  秒为单位
    // 继续播放
    innerAudioContext.play();

开发所遇到的问题

播放远程文件时 android 可以播放 ios 播放失败
1、检查支持格式
在这里插入图片描述
2、需要请求响应头里携带 range

与后端协商加上响应头后解决ios无法播放问题
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值