微信小程序 audio 控制不成功的解决办法

最新推荐文章于 2025-03-20 14:41:51 发布

阿呱Zoe

最新推荐文章于 2025-03-20 14:41:51 发布

阅读量1.2k

点赞数

文章标签：微信小程序

本文链接：https://blog.youkuaiyun.com/qq_41383999/article/details/124275685

版权

本文探讨了在微信小程序中遇到audio控制不成功的问题。随着官方文档的更新，一些旧的控制方法已不再适用。目前，推荐使用audio组件的action属性，通过指定不同的值来实现播放、暂停、调整速度和设置当前播放时间等操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

发现微信小程序的官方文档在实时跟新，之前的有些标签或者方法不见了。以上是控制audio组件的方法是根据组件的唯一id生成相应的实例对象，通过对象的各种发放来控制组件。我现在看到的官方文档是通过有个action属性，给属性指定特定的值组件就会执行特定的动作。

method 描述 data
play 播放
pause 暂停
setPlaybackRate 调整速度倍速
setCurrentTime 设置当前时间播放时间

.wxml

<audio poster="{
   {poster}}" name="{
   {name}}" author="{
   {author}}" src="http://qqma.tingge123.com:823/mp3/2015-06-13/1434188181.mp3" action="{
   {action}}" controls loop></audio>
 
<button type="primary" bindtap="audioPlay">播放</button>
<button type="primary" bindtap="audioPause">暂停</button>
<button type="primary" bindtap=