IOS 苹果设备无法播放 audio 标签音频吗?

2019-11-16 09:36:21 +08:00
 ChengNaNA

最近在做一个类似闹钟的功能,倒计时到一定时间就会执行播放音频 这个是音频标签

	<audio src=" " id="media-audio"   @click="playVid()"></audio>

这个是时间到了就播放音频的方法

        	this.myVideo = document.getElementById("media-audio");
            this.myVideo.src = '这个是音频地址'
            this.myVideo.play();

网上说的要点击或者用 WeixinJSBridgeReady 才能在 ios 播放的方法像这样也试过了但也不行:

			document.addEventListener("WeixinJSBridgeReady", function () {
                this.myVideo.play();
            }, false);
            
             document.addEventListener('YixinJSBridgeReady', function() {
                this.myVideo.play();
            }, false);

在安卓跟 pc 都可以播放音频,但是到了苹果设备就没有声音,类似 ipone se

V 站有哪位大佬帮帮忙解答下吗?

3993 次点击
所在节点    Vue.js
6 条回复
civet
2019-11-16 10:20:12 +08:00
大部分新版浏览器都会禁止不经过用户交互就自动播放的音频视频。iOS Safari 貌似是最早引入这个 policy
learnshare
2019-11-16 10:20:37 +08:00
安全策略,禁止自动播放,需要在用户操作后才能开始播放( event listener 还得是同步的)
superrichman
2019-11-16 10:51:17 +08:00
我以前也被 ios 坑., 给 video 加 autoplay, 在 ios 下的一堆浏览器和 macOS 的 safari 都不让自动播放, 还是不要去折腾了.
murmur
2019-11-16 10:54:36 +08:00
怀疑是 wkwebview 的坑
molvqingtai
2019-11-16 12:46:05 +08:00
必需由用户触发,给 body 绑定事件吧
bestie
2019-11-16 12:59:32 +08:00
貌似 ios safari 不支持 MP3,你可以试试 wav 或者 aac 格式的

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/620105

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX