uni-app IOS 音乐无法自动播放

2024-05-09 13:09:43

uni-app IOS H5音乐无法自动播放

（前端小白有什么说得不对的，别怼太凶2333333）

（一）对W3C的了解

小编也是一个开发不久的前端小白，在对音乐和视频这些多媒体应用中也踩了一些坑
在我的思路中音乐播放不就是一个久解决了吗？
附上W3C的多媒体事件

有了这些根本不把这个事情放在心里。
但当我看到uniapp官网文档audio时就傻眼了

（surprised）没了很多方法的执行，最主要的是没有DOM对象。
但用了uniapp就要尊重框架的规定
让我还能绝处逢生的是 uni.createInnerAudioContext
https://uniapp.dcloud.io/api/media/audio-context?id=createinneraudiocontext

(二)uni.createInnerAudioContext

无论是对象还是方法上来说这都是更优于uniapp官网audio标签的选择
在官网的uni.createInnerAudioContext示例中能够找到自动播放的语句
属性列表中也明确说明用法既用途
autoplay Boolean 是否自动开始播放，默认 false 否

在写了一下代码的之后讲道理是src读取到一个真实可用的路径是能够自动播放的
小编代码如下
const innerAudioContext = uni.createInnerAudioContext();
innerAudioContext.autoplay=true;
innerAudioContext.onCanplay(()=>{
let timeLoad = Math.floor(innerAudioContext.duration); // 这里是获取总播放时间
this.musicTotalTime = timeLoad; // 这里是赋值
this.$api.msg(‘加载完成自动播放了’);
});
innerAudioContext.src = data.Url; // data.Url就是音乐的路径
代码的执行有着这样的先后顺序
但是安卓与IOS在执行这件事上完全不是一回事儿。
下面图是安卓能够正常自动播放的情况

下面图是IOS不能正常自动播放的图片

（三）环境

代码是能运行在手机浏览器上，主要浏览人群是微信APP人群（所有图片信息和错误问题都以微信APP内置浏览器为准、、别的浏览器小编没有测试）

uni-app IOS 音乐无法自动播放相关推荐

uni.createInnerAudioContext`在ios手机无法自动播放,可通过`jweixin-module`来解决
使用uni.createInnerAudioContext在ios手机无法自动播放,可通过jweixin-module来解决 // 安装 npm install jweixin-module --sa ...
H5 自动播放背景音频，兼容安卓和苹果手机， ios createInnerAudioContext 无法自动播放解决
原因应该是IOS不允许自动播放音频,有两种解决方法在main.js Vue.prototype.innerAudioContext = uni.createInnerAudioContext(); ...
python构建智能机器人系列博文---借助于python实现QQ，微信消息的自动发送，音乐的自动播放
目录一.写在前面: 二.系统实现: 三.总结反思: Author:qyan.li Date:2022.6.3 Topic:借助于python自动化技术实现指定音乐的播放和QQ,微信消息发送一.写在 ...
video 视频在 ios 中不能自动播放的问题
video 视频在 ios 中不能自动播放原因: ios 中明确的指出等待用户的交互动作后才能播放 video,也就是说没有得到用户的 action 就播放的话会被 safri 拦截解决方法: 只 ...
ios设置音乐audio自动播放
因为audio标签的自动播放:autoplay.在ios系统中不能自动播放,此时需要设置,在进入页面自动播放音乐. 第一步,先引入js微信 <script src="js/jweixi ...
关于移动端音乐没有自动播放的问题
遇到了微信场景在移动端无法播放的bug,换了音乐文件,尝试重新使用audio标签autoplay来进行自己播放,未果.之后在网上百度了一些方法来解决这个问题. function audioAutoPl ...
解决iOS h5 audio自动播放（亲测有效）
微信H5页面,实现audio自动播放: function initMusic() {//动态创建一个audio节点var audio = document.createElement('audio') ...
网页设置MP4背景，解决html音乐无法自动播放
前言之前写的大都是偏向于长篇大论的技术文章,很多人看完心中毫无波澜,甚至还觉得有点浪费时间.于是我痛定思过,决心写一些贴近生活.有意思.篇幅短的文章. 有心栽花花不开,无心栽柳柳成荫,这不,有个小姐 ...
解决video视频在ios中不能自动播放的问题
视频在 safri 页面不能自动播放的原因: 因为ios中明确的指出等待用户的交互动作后才能播放video,也就是说没有得到用户的action就播放的话会被safri拦截解决方法如下: 因为这个是微 ...

最新文章

热门文章