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事件,用于在音频可以开始播放时获取音频的时长。

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

相关推荐
EasyDSS22 分钟前
视频高清直播点播/音视频点播/企业融媒体系统EasyDSS在视频门户场景中的应用建设方案
音视频·媒体
潜创微科技--高清音视频芯片方案开发24 分钟前
2026年3月分配器芯片厂家推荐白皮书
音视频·硬件工程
笨笨狗吞噬者14 小时前
uni-app 编译小程序原生组件时疑似丢属性,可以给官方提 PR 了
前端·微信小程序·uni-app
XHW___00116 小时前
鸿蒙音频通话应用后台保活与音频连续播放方案
华为·音视频·harmonyos
美狐美颜SDK开放平台17 小时前
直播美颜SDK选型避坑指南:功能与性能对比
人工智能·音视频·美颜sdk·直播美颜sdk·短视频美颜sdk
CDN36018 小时前
CDN 无法播放音视频?流媒体回源与 Range 配置修复
运维·音视频
AI服务老曹18 小时前
GB28181 与 RTSP 深度解析:企业级 AI 视频中台的全协议接入架构
人工智能·架构·音视频
桌面运维家19 小时前
Windows 10音频故障排除:驱动、设备、DirectX修复指南
windows·音视频
ai产品老杨20 小时前
协议破壁与流媒体重构:基于 GB28181/RTSP 的企业级视频统一接入方案
重构·音视频
Hong_Youth21 小时前
OpenCV + YOLOv5 落地工程:视频实时计数、追踪、画线统计
opencv·yolo·音视频