在uni-app中,ios有自带的音频播放器,和网易云一样,安卓需要自己写 1.全局定义 const bgAudioManager = uni.getBackgroundAudioManager(); bgAudioManager.title = this.info.name; //音频名称 bgAudioManager.singer = ''; //作者 bgAudioManager.coverImgUrl = this.info.pic; //封面图 bgAudioManager.src =...
一、倍速音频播放器yz-audio youzack中需要播放听力音频,Uni-App有组件,但是有如下缺点:不被推荐使用了;不支持变速播放功能;界面不能自定义。因此我开发了yz-audio这个组件。 插件地址:https://ext.dcloud.net.cn/plugin?id=4246 倍速音频播放器yz-audio yz-audio特点:支持音频的变速播放;界面中内置了三个可以自...
播放测试音频 :可以使用媒体播放器播放测试音频,验证音频播放设备是否工作正常。 播放背景音乐 :使用媒体播放器播放音乐并混在流中推送出去,让远端听到背景音乐。 播放视频文件 :结合自定义视频采集将媒体资源的视频数据推送出去,远端可拉流观看。 支持格式 媒体播放器默认支持格式为:MP3、MP4、FLV、WAV、AAC、M3U8、FL...
在页面中使用组件的过程中,可以传递一些相关参数给视频播放器组件,如视频地址、播放器样式等,通过组件的props接收这些参数。 在视频播放器组件内部,可以使用uni.createInnerAudioContextAPI来创建音频播放器对象,并调用相应的方法来实现视频播放、暂停、跳转等功能。 如果需要添加一些播放器控制的交互功能,可以添加一些按钮或...
playbackRates: [0.5, 1.0, 1.5, 2.0], // 可选的播放速度 autoplay: false, // 如果为true,浏览器准备好时开始回放。 muted: false, // 默认情况下将会消除任何音频。 loop: false, // 是否视频一结束就重新开始。 preload: 'auto', // 建议浏览器在加载元素后是否应该开始下载视频数据。auto浏览器...
// 兼容音频m3u8(有些音频地址也是m3u8,但是音频不需要播放样式,所以需要兼容) isZero: { type: Boolean, default: false }, // 设置pc/移动端清晰度选择 childConfig: { type: Array, default: () => [{ functions: '高清', selected: true
本项目为uni-app 实战音频播放器与小说阅读器app、小程序和H5开发,另外会结合vuex管理项目状态。一次开发,同时搞定Android、小程序和H5端等。 uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉...
在开发的过程中,我封装了三个大家可能用到的Uni-App组件,他们分别是:支持音频倍速播放以及自定义UI的音频播放器yz-audio、支持自动网络重试请求的zackRetrier、支持类似于锤子手机的“大爆炸分词”的yz-text。 源码地址: https://github.com/yangzhongke/uniapp-youzack-components ...
//音频进度更新事件//current和duration初始化为0即可//audio就看个人需要,有媒体音乐和背景音乐两种,在uniapp官网找自己需要的即可this.audio.onTimeUpdate(()=>{console.log('音频进度条发生更新')this.current=this.audio.currentTime;if(!this.duration){this.duration=this.audio.duration;}if(this.duration>0...