求助！微信页面不支持currentTime怎么办，怎么在微信页面实现控制音频的开始播放时间

maozijia 2017-10-09 10:26:49

现在要做一个可以在微信中打开的音乐播放器，能实现拖动音乐进度条，但是微信中currentTime失效，怎么办，求助！

...全文

463 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

背景介绍：项目需求是video的src是异步获取的，因此在移动端碰到了currentTime设置无效的问题。原因大概是currentTime先赋值了，但是视频资源还没有加载完成。网上搜了一些方法： var myPlayer = $("#player"); var userAgent_m = navigator.userAgent; if(userAgent_m.indexOf("iPhone...

同时，你还需要在对应的页面中编写相应的视图代码来展示播放时长、进度和控制按钮等。这样，你就可以在小程序中实现视频的播放/暂停功能，并且监听全屏状态的变化。微信小程序内置了控制视频播放、暂停和全屏功能的 API，可以通过调用相应的方法来实现。接下来，我们需要在对应的JavaScript文件中编写相应的逻辑代码来实现获取音频的播放时长和进度。方法用于响应滑动条的变化事件，获取滑动条的值，并更新数据中的当前播放时间。需要注意的是，根据实际需求，你需要替换代码中的。，我们可以更新数据中的总时长和当前播放时间。

uniapp实现微信小程序音频播放功能最近需要有个项目需要用到音频播放，第一个想到的是audio标签，但是查阅了uniapp官方文档，发现audio组件已经不维护了。官网推荐使用uni.createInnerAudioContext api来实现音频播放。这篇文章最终实现了音频播放倒计时的功能，完整代码在文章最后类似与微信语音条。一起来共同学习吧~ 实现音频播放功能，通过点击播放按钮实现音频播放，关键代码如下： <button @click="audioPlay">点击播放音频&l

话不多说，遇到的坑解决办法如下：解决暂停再播放不能从头播的问题。（准备好更新进度、获取单个课程播放进度的接口） 1.当音频暂停、进度条拖动（音频暂停状态）、快进快退（音频暂停状态）、页面卸载时调用更新接口； 2.再次播放时调用获取接口； 3.微信小程序的BackgroundAudioManager.currentTime并不能获取到上次暂停时的时间，这时候需要我们用seek()方法跳转到获取接...

在播放过程中，如果用户将手机屏幕锁定或者切换到其他应用程序，音乐播放器会自动转为后台播放状态。以上代码仅为示例，具体实现方式可能根据你的需求有所差异。你可以根据自己的实际情况进行调整和完善。如果需要在后台播放音频时显示通知栏信息、响应用户的操作等功能，还需要在小程序的。方法创建后台音乐播放器，并将音乐播放任务交给这个后台播放器。，表示需要在后台播放音频时在通知栏显示音乐播放的信息。微信小程序在手机息屏后依旧能播放音频，需要使用。属性为音频文件的地址，并调用。方法创建后台音乐播放器实例。

跨浏览器开发

5,006

社区成员

2,692

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章