uni-app获取音频播放时长

在uni-app中,你可以使用uni.createInnerAudioContext()来创建一个内部音频上下文,然后通过这个对象来获取音频的播放时长。以下是一个示例代码:

复制代码
// 创建一个内部音频上下文对象
const audioContext = uni.createInnerAudioContext();

// 设置要播放的音频文件的路径
audioContext.src = 'path/to/your/audio/file.mp3';

// 监听音频可以播放的事件
audioContext.onCanplay(() => {
  // 获取音频的播放时长(单位:秒)
  console.log('音频文件时长为:', audioContext.duration + 's');
});

// 监听错误事件
audioContext.onError((err) => {
  console.log('发生错误:', err);
});

// 需要触发一次播放事件,以便能够获取到音频时长
audioContext.play();
audioContext.pause(); // 可以立即暂停,不影响获取到音频时长

在这个示例中,我们首先创建了一个内部音频上下文对象audioContext,然后设置要播放的音频文件路径,并监听了onCanplay事件,用于在音频可以开始播放时获取音频的时长。

希望这能够帮助到你。如果你有其他问题或者需要进一步的帮助,请随时告诉我。

相关推荐
EasyNVR12 小时前
docker版EasyNVR如何使用同步插件教程(包含网盘挂载,路径映射等)
docker·容器·音视频
IT陈图图12 小时前
Flutter × OpenHarmony 跨端实践:从零构建一个轻量级视频播放器
flutter·音视频·鸿蒙·openharmony
2501_9159184115 小时前
如何在iPad上找到并打开文件夹的完整指南
android·ios·小程序·uni-app·iphone·webview·ipad
深圳市友昊天创科技有限公司16 小时前
友昊天创推出8K ,4K 120Hz 100米延长器方案
音视频·实时音视频·视频编解码
视频技术分享17 小时前
国产化视频会议安全加密技术行业应用案例集
音视频·实时音视频
weixin_6383031119 小时前
uniapp组合式和选项式
javascript·vue.js·uni-app
智慧的牛19 小时前
浏览器网页播放A律音频实时流方案
websocket·音视频·码流转换·web audio api
深圳市友昊天创科技有限公司20 小时前
ASM4242 雷电扩展坞 CV4242 PCIE扩展坞
音视频·实时音视频·视频编解码
IT陈图图21 小时前
Flutter × OpenHarmony 实战:从 0 构建视频播放器的分类导航模块
flutter·华为·音视频·openharmony
木子啊1 天前
UniApp Base64上传终极解决方案
uni-app·base64·base64转图片·base64上传