uni-app中使用createInnerAudioContext在Hbuilder X中播放音频没有声音

代码示例

console.log('开始播放1');  
const innerAudioContext = uni.createInnerAudioContext();  
innerAudioContext.autoplay = true;  
innerAudioContext.src = "/static/touch_start.mp3";  
innerAudioContext.onPlay(() => {  
  console.log('开始播放2');  
});  
innerAudioContext.onError((res) => {  
  console.log(res.errMsg);  
  console.log(res.errCode);  
});

以上代码在Hbuilder X 4.24 中执行，只有客户端选择“PC模式”才能正常播放声音，选择其他手机型号均无法播放。编译到在微信开发者工具中也可以播放。

附件

音频.zip

itying888 1楼•6 小时前

在uni-app中使用createInnerAudioContext来播放音频时，如果在HBuilder X中没有声音，可能是由于多种原因导致的。以下是一些常见的排查方法和代码示例，帮助你解决音频播放无声的问题。

1. 检查音频文件路径

确保音频文件的路径正确，并且文件本身是可播放的。

// 示例代码：创建音频上下文并设置音频源
const innerAudioContext = uni.createInnerAudioContext();
innerAudioContext.src = '/static/audio/example.mp3'; // 确保路径正确
innerAudioContext.play();

2. 检查音频权限

在Android平台上，需要确保应用有访问存储和播放音频的权限。

3. 检查音量设置

确保系统音量和应用的音量设置没有静音或调至最低。

// 示例代码：获取并设置音量
uni.getSystemInfo({
  success: (res) => {
    console.log('系统音量:', res.systemVolume);
    // 注意：uni-app 不直接支持设置系统音量，这里只是获取示例
  }
});

// 可以尝试调整音频上下文音量
innerAudioContext.volume = 1; // 音量范围0-1

4. 检查音频格式支持

确保音频格式是uni-app支持的格式（如mp3, aac等）。

5. 检查播放状态

确保音频没有在播放前被暂停或停止。

// 示例代码：监听播放状态
innerAudioContext.onPlay(() => {
  console.log('音频开始播放');
});

innerAudioContext.onError((err) => {
  console.error('音频播放错误:', err);
});

6. 调试和日志

使用console.log输出关键信息，帮助排查问题。

// 示例代码：输出关键信息
innerAudioContext.onEnded(() => {
  console.log('音频播放结束');
});

// 尝试播放
innerAudioContext.play().catch((err) => {
  console.error('播放失败:', err);
});

7. 清理和重启

有时候，清理HBuilder X的缓存和重启项目可以解决一些莫名其妙的问题。

8. 注意事项

确保HBuilder X和uni-app的版本是最新的，以避免已知的bug。
在真机上测试，因为某些问题在模拟器上可能不会出现。

通过上述方法，你应该能够定位并解决在uni-app中使用createInnerAudioContext在HBuilder X中播放音频无声的问题。如果问题依然存在，建议查看uni-app的官方文档或社区，寻求更具体的帮助。