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 天前
uni-app Vue3 国际化最佳实践:告别应用重启,优雅实现多语言切换
前端·vue.js·uni-app
yqcoder1 天前
uni-app 数据缓存详解
缓存·uni-app
2501_915921431 天前
穿越HTTPS迷雾:Wireshark中的TLS抓包秘诀与文件合并方法
网络协议·ios·小程序·https·uni-app·wireshark·iphone
Black蜡笔小新1 天前
国标GB28181视频监控平台EasyCVR赋能平安乡村建设,构筑乡村治理“数字防线”
java·网络·音视频
小徐_23331 天前
uni-app 组件库 Wot UI 2.0 发布了,我们带来了这些改变!
前端·微信小程序·uni-app
中小企业实战军师刘孙亮1 天前
组织赋能+体系搭建,破解中小企业增长困局-佛山鼎策创局破局增长咨询
架构·产品运营·音视频·制造·业界资讯
幽络源小助理1 天前
X4独角兽视频网站新版源码_整站视频系统_带CMS后台_幽络源源码
音视频·php源码
EasyGBS1 天前
国密GB35114协议国标GB28181平台EasyGBS双标融合筑牢金融视频监控安全技术底座
安全·金融·音视频
yqcoder1 天前
uni-app 之 页面路由
uni-app
小离a_a1 天前
uniapp小程序添加路由全局限制,增加路由白名单,登录后接口跳转参数正常传递
小程序·uni-app