当前位置: 首页 > news >正文

小程序音频播放相关

let innerAudioContext = null
let backgroundAudioManager  = null
let isPlay = false

page之上定义,不用随时setData会有延迟。注意:页面上用到的要在data里面写,不在页面上展示js直接用的可以在上面定义全局
判断是否支持基础库

isCanUseBgAudio = wx.canIUse('getBackgroundAudioManager')

需要兼容不支持的基础库使用-createInnerAudioContext(不支持播放速度)
背景悬浮框直接使用- getBackgroundAudioManager(支持播放速度)

<view class="slider"><slider bindchange="sliderChange" bindchanging="sliderChange" value="{{sliderValue}}" min="0" max="{{maxSliderValue}}" block-size="12"/>
</view><span bind:tap="prePlay">上一段</span><span bind:tap="palyAudio">{{textPlay}}</span><span bind:tap="nextPlay">下一段</span>
if (isCanUseBgAudio){innerAudioContext = wx.createInnerAudioContext({useWebAudioImplement: true})backgroundAudioManager = wx.getBackgroundAudioManager()backgroundAudioManager.onEnded(() => {console.log("音乐播放结束");if (this.data.currentIndex != (this.data.currentList.length -1)){this.nextPlay()} else {console.log('最后结束')}

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Nuxt3【服务器】server 详解
  • day05-SpringBoot基础
  • 全面解析ETL:数据仓库架构中的关键处理过程
  • 【流媒体】RTMPDump—Download(接收流媒体信息)
  • 【数据结构-距离合】力扣1685. 有序数组中差绝对值之和
  • 前端宝典十:webpack性能优化最佳实践
  • JS逆向高阶补充
  • Eureka故障排查指南:常见问题与解决方案
  • java将list里的数据使用字符隔开并输出为一个String字符串
  • 网页版IntelliJ IDEA部署
  • 基于vue框架的班级网站的设计与实现vg66m(程序+源码+数据库+调试部署+开发环境)系统界面在最后面。
  • 软件测试之常见逻辑思维题
  • 原生JS替换原有元素
  • 【机器学习】线性回归与逻辑回归的极致解析:从数学理论到实战案例
  • 2024年骨传导耳机强强pk:评测南卡、韶音、墨觉哪一款实力更强?
  • 《Java编程思想》读书笔记-对象导论
  • 【译】React性能工程(下) -- 深入研究React性能调试
  • 【知识碎片】第三方登录弹窗效果
  • PHP变量
  • SegmentFault 技术周刊 Vol.27 - Git 学习宝典:程序员走江湖必备
  • SegmentFault 社区上线小程序开发频道,助力小程序开发者生态
  • Storybook 5.0正式发布:有史以来变化最大的版本\n
  • 机器学习中为什么要做归一化normalization
  • 批量截取pdf文件
  • 嵌入式文件系统
  • 设计模式走一遍---观察者模式
  • Mac 上flink的安装与启动
  • 交换综合实验一
  • 摩拜创始人胡玮炜也彻底离开了,共享单车行业还有未来吗? ...
  • ​Linux Ubuntu环境下使用docker构建spark运行环境(超级详细)
  • !!java web学习笔记(一到五)
  • (4)logging(日志模块)
  • (env: Windows,mp,1.06.2308310; lib: 3.2.4) uniapp微信小程序
  • (TOJ2804)Even? Odd?
  • (超详细)语音信号处理之特征提取
  • (动手学习深度学习)第13章 计算机视觉---微调
  • (二十三)Flask之高频面试点
  • (附源码)springboot助农电商系统 毕业设计 081919
  • (附源码)计算机毕业设计SSM在线影视购票系统
  • (五)IO流之ByteArrayInput/OutputStream
  • (一)、软硬件全开源智能手表,与手机互联,标配多表盘,功能丰富(ZSWatch-Zephyr)
  • (原創) 物件導向與老子思想 (OO)
  • (转) Face-Resources
  • (转)我也是一只IT小小鸟
  • ***利用Ms05002溢出找“肉鸡
  • *算法训练(leetcode)第四十天 | 647. 回文子串、516. 最长回文子序列
  • .NET CLR Hosting 简介
  • .NET Core Web APi类库如何内嵌运行?
  • .NET Micro Framework 4.2 beta 源码探析
  • .net 发送邮件
  • .Net 垃圾回收机制原理(二)
  • .NET框架设计—常被忽视的C#设计技巧
  • .NET下的多线程编程—1-线程机制概述
  • []我的函数库
  • [1]-基于图搜索的路径规划基础