android自动播放mp3,audio标签移动端（微信）实现自动播放

此文可能对ios端适用，因为Android机型暂未发现无法播放情况。

应该是某些浏览器对一些标签进行了限制啥的，就像chrome对视频播放也进行了一些限制。

引入音乐文件

使用js

// music自动播放

var music = document.querySelector("audio");

var state = 0; //初始暂停状态

document.addEventListener('touchstart', function(){

if(state==0){

music.play(); //音乐播放

state=1;

}

}, false);

第一种方式：

document.addEventListener("WeixinJSBridgeReady", function () {

music.play(); //音乐播放

}, false);

//循环播放

music.onended = function () {

music.load();

music.play();

}

第二种方式：

wx.ready(function () {

var globalAudio=document.getElementById("mp3");

globalAudio.play();

})

测试可以循环播放。

本文地址：https://blog.csdn.net/aidanxiaogui/article/details/107777781

android自动播放mp3,audio标签移动端（微信）实现自动播放相关推荐

解决苹果ios端微信无法自动播放H5页面背景音乐
最近做微信H5页面开发的时候,在页面加入背景音乐,并且设置自动播放. 在PC端模拟手机时是可以正常显示播放的,在安卓端微信上也可以正常播放,然后到苹果端微信就不能正常播放了. 找了许久的原因是苹果io ...
html ios 视频播放不了,html中的video标签在ios微信中无法播放的解决方法之一
html中的video标签在ios微信中无法播放的解决方法之一发布时间:2020-07-16 22:41:04 来源:51CTO 阅读:2652 作者:lixiaoyu1223 最近在做一个微信企业 ...
audio 标签加入背景音乐谷歌浏览器不能自动播放的问题
在网上查阅相关资料才知道原来在4月份谷歌浏览器做了改革,不支持自动播放了,现贴出解决方案: 由于audio.play()必须要在交互事件中才能使用,因此在项目中,我的解决方案是当用户触发滑动事件时,a ...
HTML5 解决audio标签不能在iPhone上自动播放的问题
直接上解决方法: 添加代码段: <script type="text/javascript">$( ...
html5的音乐标签使用,html5 音乐播放器 audio 标签使用概述_html5教程技巧
复制代码代码如下: 标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条标签属性:src:视频的URLposter:视 ...
html5播放器源码自己添加音乐,HTML5 audio标签打造属于自己的音乐播放器
最近学习了HTML5中的Audio标签,学习他的最好方式当然是实践,于是就自己写了一个.那就直接上演示链接吧 http://htmlpreview.github.io/?https://github. ...
微信小程序播放语音|audio播放mp3|audio播放音频在IOS|苹果手机上外放没声音，戴上耳机就有声音【解决办法记录】
以前项目中遇到的问题,今天同事问到了,在这里记录一下语音播放使用的 wx.createInnerAudioContext() 诡异问题记录: 在安卓上都没问题,语音发送接收之后播放都没问题,就是在 ...
WordPress 自动为文章添加标签内链、文章自动添加标签
WordPres标签是一个好功能,善用标签不但可以加强文章间的关联性提升用户体验,也可以借助标签加强站内SEO内链. 以下内容使用方法: 将代码添加至主题functions.php文章中即可. Wor ...
Java如何播放MP3格式音频文件，以及如何循环播放音频？
首选,感谢你能在百忙之中阅读我的博客,在这里我告诉大家2中播放MP3格式音频的方法.第一种,使用自带的JavaFX技术来播放(现再最新的JDK版本中已被移除).第二种我们使用第三方库来进行播放. 点击 ...

android自动播放mp3,audio标签移动端（微信）实现自动播放

android自动播放mp3,audio标签移动端（微信）实现自动播放相关推荐

最新文章

热门文章