专栏首页智慧协同在 iOS 微信浏览器中自动播放 HTML5 audio(音乐) 的正确方式

在 iOS 微信浏览器中自动播放 HTML5 audio(音乐) 的正确方式

原理: 在微信的JS-API 中 play 一下 audio 即可达到自动播放的目的(应该是微信自己做了处理)

function autoPlayAudio1() {
        wx.config({
            // 配置信息, 即使不正确也能使用 wx.ready
            debug: false,
            appId: '',
            timestamp: 1,
            nonceStr: '',
            signature: '',
            jsApiList: []
        });
        wx.ready(function() {
            document.getElementById('audio').play();
        });
}

就是关键的那一句:document.getElementById('audio').play(); 大家或多或少都知道 iOS Safari 不允许自动播放 audio, 可能已经被坑过了,

参考:https://gist.github.com/ufologist/7c14837db642a6e916ce

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Keepalived+Tomcat高可用配置说明

    飞奔去旅行
  • 将yarn源改为阿里,下载速度飞起来

    飞奔去旅行
  • NodeJS+Express中集成Flash消息

    到这里,我们的集成工作已经完成,就可以在router中使用类似 req.flash('flash_success_message', '文章添加成功!'); ...

    飞奔去旅行
  • HTML5音频audio详解

    直到现在,仍然不存在一项旨在网页上播放音频的标准。 目前,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有...

    业余草
  • Computer Graphics note(1):变换

    Games101清新脱俗,可惜没赶上直播。 官网:http://games-cn.org/intro-graphics/ 结合食用:Fundamentals...

    Enterprise_
  • IIS-解析漏洞(下)

    安装成功以后,在开始菜单 - 管理工具 - Internet 信息服务(IIS)管理器

    漏洞知识库
  • 根据分组信息做差异分析- 这个一文不够的

    通过前面的讲解,我们顺利的了解了GEO数据库以及如何下载其数据,得到我们想要的表达矩阵,也成功的使用了GSEA这个分析套路。 历史目录: 解读GEO数据存放规律...

    生信技能树
  • 新手学习web前端的基础知识内容有哪些

    前几年,很多人看到IT行业越来越火,就想转行成为程序员。那时候转行还是很简单的,不一定要掌握很多技术知识,如果你是前端人员,甚至会写个静态页面就可以去应聘了。但...

    千锋哈尔滨IT培训
  • 走过微软20年,埋头并发编程15年,如何减少代码的认知负荷?| 码云周刊

    每周为您推送最有价值的开源技术内参! 技术干货 从Visual Studio看微软20年技术变迁 spring cloud netflix 微服务使用实例 20...

    码云Gitee
  • Linux下rz/sz安装及使用方法

          新搞的云服务器用SecureCRT不支持上传和下载,没有找到rz命令。记录一下如何安装rz/sz命令的方法。

    帘卷西风

扫码关注云+社区

领取腾讯云代金券