微信小程序 - 超详音乐列表点击播放 mp3 wav 音乐文件，支持音频暂停播放 / 图标切换 / 流畅切换音频（暂停音乐后，会保留音乐 “进度“ 再次点击时继续播放）解决pause()暂停问题_微信小程序播放mp3文件-程序员宅基地

技术标签：暂停后保留进度微信小程序 + Wechat 最好用的教程音频/音乐列表音频播放与暂停

前言

网上的教程都太乱了，各种 bug 漫天飞，一行注释都没有很难读懂和改造示例。

本文站在新手角度， 实现了微信小程序音乐播放列表点击播放暂停、切换音乐歌曲、暂停保留歌曲及恢复功能，并且完美解决了 innerAudioContext.pause() 无法暂停的问题，

您可以直接复制源码，安卓苹果全都兼容且丝滑流畅，稍微改改就能用了。

如下图所示，只提供了 “核心功能” 代码，无任何乱七八糟的样式代码，也没有任何插件依赖，

由于上传视频有限制，所以用 Gif 图替代效果，真实运行起来正常有声音。

示例代码干净整洁，无任何乱七八糟的乱代码

在这里插入图片描述

完整源码

推荐使用一键复制功能，避免漏选。

您随便找个新页面，复制运行起来即可。

<view

本文链接：https://blog.csdn.net/weixin_44198965/article/details/127459328

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

python numpy.datetime64 的坑（与datetime之间的转换，以及pandas获取指定时间段内容问题）_datetime64 type does not support sum operations-程序员宅基地

文章浏览阅读2.9w次，点赞14次，收藏42次。好久没写博客了，最近在写项目时用到了 numpy.datetime64这个神坑，遇到了太多的问题，百度资料也很少（还是去stackoverflow搜吧），大多数还是错的。因此在这里做个总结，写个技术笔记，希望也能帮到大家吧！datetime64 与 datetime.datetime的相互转换：一行代码解决:(dt64 - np.datetime64('1970-01-01T00:00:0..._datetime64 type does not support sum operations

css 根据手机屏幕适应页面高度_css中手机端一屏的高度是多少-程序员宅基地

文章浏览阅读3.3k次。1、根据正常的web网页设计实现页面2、@media screen and (max-width: 375px){} 需要根据页面调整不同高度的class或ID在该样式里面进行调整。eg：@media screen and (max-width: 375px){body{height: 400px;}.list{height: 360px;}.fin_css中手机端一屏的高度是多少

【目标检测】YOLOv5算法实现(四)：正样本匹配与损失计算_yolov5损失计算-程序员宅基地

文章浏览阅读1.6k次，点赞48次，收藏30次。本系列文章记录本人硕士阶段YOLO系列目标检测算法自学及其代码实现的过程。其中算法具体实现借鉴于ultralytics YOLO源码，删减了源码中部分内容，满足个人科研需求。本系列文章主要以YOLOv5为例完成算法的实现，后续修改、增加相关模块即可实现其他版本的YOLO算法。_yolov5损失计算

python中and not的用法-python中not的用法-程序员宅基地

文章浏览阅读4.6k次。python中的not具体表示是什么:在python中not是逻辑判断词，用于布尔型True和False，not True为False，not False为True，以下是几个常用的not的用法：(1) not与逻辑判断句if连用，代表not后面的表达式为False的时候，执行冒号后面的语句。比如：a = Falseif not a: (这里因为a是False，所以not a就是True)pri..._python and not

Kubernetes网络三部曲之一～Pod网络_pod 有网卡吗-程序员宅基地

文章浏览阅读1.4w次，点赞54次，收藏157次。前言K8s是一个强大的平台，但它的网络比较复杂，涉及很多概念，例如Pod网络，Service网络，Cluster IPs，NodePort，LoadBalancer和Ingress等等，这么多概念足以让新手望而生畏。但是，只有深入理解K8s网络，才能为理解和用好K8s打下坚实基础。为了帮助大家理解，模仿TCP/IP协议栈，我把K8s的网络分解为四个抽象层，从0到3，除了第0层，每一层都是构建于前..._pod 有网卡吗

for循环语句例题及解析python_Python的循环语句练习题-程序员宅基地

文章浏览阅读3.4k次。Python的循环语句练习题在练习之前，可以先熟悉一下两种循环结果已经特点：1.while循环语句：初始化语句while 条件表达式:循环体While是死循环，如果不给出跳出语句，就会一直循环；While循环常用于做未知循环次数的循环时，使用while循环while循环通过一个能够产生或转换出bool值的表达式来控制循环，表达式的值为True则继续循环；表达式的值为False则结束循环。2.for..._python中for循环例题

随便推点

简单总结无线CPE、无线AP、无线网桥的不同之处【转】-程序员宅基地

文章浏览阅读3.2k次。转自：http://www.4008075595.com/content_4_3_750.html参考文档：http://www.360doc.com/content/17/0703/13/35216974_668430080.shtml三句话简单总结无线CPE、无线AP、无线网桥的不同之处作者：腾远智拓来源：www.4008075595.com时间：2..._无线网桥拆解

金九银十Android面试复习题集：关于四大组件中的Activity你了解多少？-程序员宅基地

文章浏览阅读754次，点赞14次，收藏21次。面试造火箭，工作拧螺丝。虽然我只想拧螺丝，但是我们却需要通过造火箭来找到拧螺丝的工作。有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。那我们该怎么做才能做到年薪60万+呢，对于程序员来说，只有不断学习，不断提升自己的实力。我之前有篇文章提到过，感兴趣的可以看看，到底要学习哪些知识才能达到年薪60万+。