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

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

相关推荐
XiaoLeisj3 分钟前
Android 短视频播放详情页实战:从播放器模块拆分、Media3 与 FlowHelper 接入,到 ViewPager 高度适配和详情数据联动
android·okhttp·音视频·架构设计·flowhelper
Front思6 分钟前
解决 uniapp Dart Sass 2.0.0 弃用警告
前端·uni-app·sass
互联网散修30 分钟前
鸿蒙实战:用 want.param 实现视频播放器跨端迁移续播
华为·音视频·harmonyos·跨端迁移续播
JianZhen✓31 分钟前
从零到一:基于声网Agora的医疗视频问诊前端实战指南
前端·音视频
视频技术分享2 小时前
智能硬件音视频SDK选型:RTC核心评估指标全解析
音视频
Evavava啊2 小时前
微信小程序H5页面iOS视频播放问题解决方案
ios·微信小程序·音视频·h5·http 响应头
艾为电子2 小时前
【应用方案】全方位打造掌机新体验——艾为拳头产品组合:音频 & Haptic,硬件+awinicTikTap®、awinicSKTune® V7双算法
音视频·游戏机·音频功放·掌机·掌机游戏机·艾为电子·sktune神仙®算法
何玺2 小时前
从HappyHorse到Seedance:AI视频的“四强争霸”终局推演
人工智能·音视频
星空下的曙光2 小时前
uniapp编译到微信小程序接口获取不到数据uni.request
微信小程序·小程序·uni-app
许彰午2 小时前
# 政务远程帮办:WebRTC视频通话+录屏录音+手工拼WAV实录
音视频·webrtc·政务