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

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

相关推荐
while(1){yan}1 小时前
音视频流协议
音视频
nashane1 小时前
HarmonyOS 6学习:音频焦点管理实战——解决应用打开中断听书功能的技术指南
学习·音视频·harmonyos·harmonyos 5
悟纤17 小时前
Seedance 2.0 API 已上线 | 支持「人像视频生成」|支持100并发 | 满血版 [灵龙AI API]
人工智能·音视频·seedance 2.0
这儿有一堆花18 小时前
深入解析 Video.js:现代 Web 视频播放的工程实践
前端·javascript·音视频
优雅的大白鹅20 小时前
创建uniapp小程序
小程序·uni-app
人工智能研究所21 小时前
Claude + HyperFrames:用 HTML 方式制作视频,AI 时代一切皆可 HTML?
人工智能·html·音视频·ai 视频·hyperframes·claude-
zzh9201 天前
基于51单片机的流水灯Proteus仿真按键切换 上到下下到上 2个灯(可定做)(免费代码+视频讲解)
51单片机·proteus·音视频
Shang180989357261 天前
T31ZX 君正/INGENIC智能视频处理器T31ZX可提供软硬件资料T31Z采用先进的低功耗设计
嵌入式硬件·fpga开发·音视频·t31zx智能视频处理器
音视频牛哥1 天前
纯血鸿蒙(HarmonyOS NEXT)下,如何实现低延迟RTSP、RTMP播放器音视频解码?
华为·音视频·harmonyos·鸿蒙rtmp播放器·鸿蒙rtsp播放器·harmonyos rtsp·鸿蒙next播放器
@hhr1 天前
使用java对接火山方舟doubao-seedance-1.5-pro 模型进行视频生成
java·python·音视频