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

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

相关推荐
电鱼智能的电小鱼1 天前
基于电鱼 AI 工控机的智慧工地视频智能分析方案——边缘端AI检测,实现无人值守下的实时安全预警
网络·人工智能·嵌入式硬件·算法·安全·音视频
音视频牛哥1 天前
从协议规范和使用场景探讨为什么SmartMediaKit没有支持DASH
人工智能·音视频·大牛直播sdk·dash·dash还是rtmp·dash还是rtsp·dash还是hls
音视频牛哥1 天前
SmartMediaKit:如何让智能系统早人一步“跟上现实”的时间架构--从实时流媒体到系统智能的演进
人工智能·计算机视觉·音视频·音视频开发·具身智能·十五五规划具身智能·smartmediakit
音视频牛哥1 天前
超清≠清晰:视频系统里的分辨率陷阱与秩序真相
人工智能·机器学习·计算机视觉·音视频·大牛直播sdk·rtsp播放器rtmp播放器·smartmediakit
johnny2331 天前
AI视频创作工具汇总:MoneyPrinterTurbo、KrillinAI、NarratoAI、ViMax
人工智能·音视频
2501_915909061 天前
WebView 调试工具全解析,解决“看不见的移动端问题”
android·ios·小程序·https·uni-app·iphone·webview
2501_915106321 天前
App 怎么上架 iOS?从准备资料到开心上架(Appuploader)免 Mac 上传的完整实战流程指南
android·macos·ios·小程序·uni-app·iphone·webview
EasyCVR1 天前
视频融合平台EasyCVR级联失败问题排查:请求上级播放后,视频为何无法打开?
音视频
行走的陀螺仪1 天前
uni-app + Vue3 实现折叠文本(超出省略 + 展开收起)
前端·javascript·css·uni-app·vue3
小禾青青1 天前
uniapp安卓打包遇到报错:Uncaught SyntaxError: Invalid regular expression: /[\p{L}\p{N}]/
android·uni-app