audio的播放问题
来源:互联网 发布:三菱plc如何编程 编辑:程序博客网 时间:2024/06/14 02:58
(开始与关闭之间的切换效果)
先看一段代码:
html代码:
<div>
<audio id="audio" autoplay="autoplay" loop="loop">
<source src="music/xxx.mp3"/>
</audio>
</div>
<div id="music">
<img src="images/xxx.png" alt="" id="musicicon"/>
</div>
JS代码:
var myAudio = document.getElementById("audio");
myAudio.play();
//音乐的暂停与播放
var musicBtn = document.getElementById("music");
var musicIcon = document.getElementById("musicicon");
musicBtn.addEventListener("touchstart", playPause, false);
function playPause() {
if (myAudio.paused) {
myAudio.play();
music_status = 0;
musicIcon.src = "images/xxx.png";
} else {
myAudio.pause();
music_status = 1;
musicIcon.src = "images/xxx.png";
}
}
来到这里, 一般情况下,这样在微信就可以自动播放了,但是有一些iPhone机不可以,微信要用到“jweixin-1.0.0.js”这个js.
//微信必须加入Weixin JSAPI的WeixinJSBridgeReady才能生效
document.addEventListener("WeixinJSBridgeReady", function () {
myAudio.play();
// document.getElementById('video').play(); //视频自动播放
}, false);
var EventUtil = {
addHandler: function (element, type, handler) {
if (element.addEventListener) {
element.addEventListener(type, handler, false);
} else if (element.attachEvent) {
element.attachEvent("on" + type, handler);
} else {
element["on" + type] = handler;
}
}
};
(function () {
EventUtil.addHandler(window, "pageshow", function (event) {
myAudio.play();
});
})();
- audio的播放问题
- SDL播放Audio遇到的问题记录
- 解决ios上audio不能自动播放的问题以及监听audio播放状态
- Audio的播放流程
- Android Audio 的播放
- Android2.3-> Audio-> aplay播放的的问题
- 微信的audio无法自动播放的问题
- 关于使用Html <audio>标签播放视频文件的问题
- 解决ios微信下audio无法自动播放的问题
- ios之audio unit的录音和播放一起,解决audioqueue播放PCM延迟问题
- 解决ios上audio不能自动播放,也不能连续播放的问题
- audio 在ios上自动播放问题
- html5,audio标签的autoplay="autoplay"在iphone上无法播放的问题
- 解决系统MPEG Layer-3 Audio Decoder不能播放位速高的MP3问题
- 解决node-webkit下使用<audio>标签无法播放音频的问题
- 解决IOS通过HTML5播放Video或者Audio直接输出数据的问题
- audio文件播放时间的获得
- HTML5 Audio时代的MIDI音乐文件播放
- Log4J日志配置
- quadratic equation
- hdu2544最短路(Dijkstra模板题)
- linux下VSCODE编译调试C++流程
- 构建工具fis3的使用
- audio的播放问题
- Android插件工具——ButterKnife使用详解
- EXCEL常用函数总结
- docker 容器时间同步
- Windows 无法验证此设备所需的驱动程序的数字签名。最近的硬件或软件更改安装的文件可能未正确签名或已损坏,或者可能是来自未知来源的恶意软件。 (代码 52)
- ArrayList深入理解
- Java经典问题算法大全
- kafka实践
- HDU1048