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

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

相关推荐
开开心心就好2 小时前
免费自媒体多功能工具箱,图片音视频处理
人工智能·pdf·ocr·excel·音视频·语音识别·媒体
窝子面2 小时前
uni-app的初体验
uni-app
笨笨狗吞噬者3 小时前
【uniapp】微信小程序实现自定义 tabBar
前端·微信小程序·uni-app
智算菩萨4 小时前
OpenCV色彩空间转换实战:BGR转HSV/LAB的工业应用场景详解(含自动化脚本)
人工智能·python·opencv·计算机视觉·自动化·音视频
雪芽蓝域zzs6 小时前
uniapp MD5加密 加密传输 密码加密
uni-app
顾道长生'6 小时前
(ICLR-2026)LONGLIVE:实时交互式长视频生成
音视频·长视频生成
爱学习的程序媛6 小时前
【WebRTC】呼叫中心前端技术选型:SIP.js vs JsSIP vs Verto
前端·javascript·typescript·音视频·webrtc·实时音视频·web
愚公搬代码8 小时前
【愚公系列】《剪映+DeepSeek+即梦:短视频制作》027-字幕:用文字来美化画面(用剪映专业版添加字幕贴纸)
音视频
2501_915909068 小时前
iOS 抓包不越狱,代理抓包 和 数据线直连抓包两种实现方式
android·ios·小程序·https·uni-app·iphone·webview
小仙女的小稀罕8 小时前
专业音频工具排行 | 迅捷音频转文字介绍
音视频