微信打开页面自动播放默认音乐
try {
(function() {
var musicResources = 'http://ministe-d.qiniudn.com/alwayshere_wintersun_pazzaInter2.mp3';
var ICON_playing = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzgwMTE3NDA3MjA2ODExODIyQURENjIwMzQ0NjY3MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NTg1NjA3QTVEMjgxMUU2ODNGMURCODRCREY0RkNBQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NTg1NjA3OTVEMjgxMUU2ODNGMURCODRCREY0RkNBQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc4YmY2YjkxLWQ5MzUtNGVjZS05MzVlLTBmZTMyYmVlYjExYyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY2MGQ1ZTQwLWEwZTEtMTE3OS1hNGI0LWRi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';
var ICON_stopped = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzgwMTE3NDA3MjA2ODExODIyQURENjIwMzQ0NjY3MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NTg1NjA3RTVEMjgxMUU2ODNGMURCODRCREY0RkNBQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NTg1NjA3RDVEMjgxMUU2ODNGMURCODRCREY0RkNBQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc4YmY2YjkxLWQ5MzUtNGVjZS05MzVlLTBmZTMyYmVlYjExYyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY2MGQ1ZTQwLWEwZTEtMTE3OS1hNGI0LWRi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';
var browserPrefix = prefix();
var style_text = '@' + browserPrefix + 'keyframes __music__playing_icon{0% {' + browserPrefix + 'transform: rotate(0)}to {' + browserPrefix + 'transform: rotate(1turn)}}';
var STATE_playing = 1;
var STATE_stopped = 0;
var music = {};
initmusic();
addMusic();
function initmusic() {
music.res = musicResources;
music.icon = document.createElement('img');
music.state = STATE_stopped;
music.audio = document.createElement('audio');
music.style = document.createElement('link');
music.style.setAttribute('rel', 'stylesheet');
music.style.href = getObjectURL(new Blob([style_text]));
music.audio.src = music.res;
music.audio.loop = 'loop';
music.icon.onclick = playOstop;
music.icon.setAttribute('style', 'position:absolute;top: 0;margin: 4%;right: 0;width: 7.7%;z-index: 100;' + browserPrefix + 'animation:__music__playing_icon 3s linear infinite;' + browserPrefix + 'transform-origin: 50% 50%;'+browserPrefix + 'animation-play-state: paused');
music.icon.src = ICON_stopped;
}
function addMusic() {
document.body.appendChild(music.icon);
document.head.appendChild(music.style);
}
function playOstop() {
if (music.audio.paused) {
// 暂停中, 启动播放
music.audio.play();
// 是否播放成功
if (!music.audio.paused) {
music.state = STATE_playing;
music.icon.src = ICON_playing;
music.icon.style[browserPrefix + 'animation-play-state'] = 'running';
}
} else {
// 播放中, 启动暂停
music.audio.pause();
if (music.audio.paused) {
music.state = STATE_stopped;
music.icon.src = ICON_stopped;
music.icon.style[browserPrefix + 'animation-play-state'] = 'paused';
}
}
}
function autoPlay(){
music.audio.play();
}
function prefix() {
var div = document.createElement('div');
var cssText = '-webkit-transition:all .1s; -moz-transition:all .1s; -o-transition:all .1s; -ms-transition:all .1s; transition:all .1s;';
div.style.cssText = cssText;
var style = div.style;
if (style.webkitTransition) {
return '-webkit-';
}
if (style.MozTransition) {
return '-moz-';
}
if (style.oTransition) {
return '-o-';
}
if (style.msTransition) {
return '-ms-';
}
return '';
}
function getObjectURL(file) {
var url = null;
if (window.createObjectURL !== undefined) { // basic
url = window.createObjectURL(file);
} else if (window.URL !== undefined) { // mozilla(firefox)
url = window.URL.createObjectURL(file);
} else if (window.webkitURL !== undefined) { // webkit or chrome
url = window.webkitURL.createObjectURL(file);
}
return url;
}
wx && wx.ready(function(){
playOstop();
});
}());
} catch (e) {console && console.log(e);}
实现微信自动播放音乐的关键代码wx && wx.ready(function(){playOstop();});,必须要放wx.ready里面执行audio.play()
微信音乐播放简易版
<audio id="mp3" src="bgm.mp3" autoplay="autoplay" loop></audio>
var audio = document.getElementById('mp3');
if (window.WeixinJSBridge) {
WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
audio.play();
}, false);
} else {
document.addEventListener("WeixinJSBridgeReady", function() {
WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
audio.play();
});
}, false);
}
简易版的实现方式主要是自动监听微信准备就绪事件
不是微信页面,让音乐自动播放