zoukankan      html  css  js  c++  java
  • 微信打开页面自动播放默认音乐

    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; 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);
        }
    

    简易版的实现方式主要是自动监听微信准备就绪事件
    不是微信页面,让音乐自动播放

  • 相关阅读:
    高级(线性)素数筛
    Dijkstra(迪杰斯特拉)算法
    简单素数筛
    【解题报告】 POJ1958 奇怪的汉诺塔(Strange Tower of Hanoi)
    4 jQuery Chatting Plugins | jQuery UI Chatbox Plugin Examples Like Facebook, Gmail
    Web User Control Collection data is not storing
    How to turn on IE9 Compatibility View programmatically in Javascript
    从Javascrip 脚本中执行.exe 文件
    HtmlEditorExtender Ajax
    GRIDVIEW模板中查找控件的方式JAVASCRIPT
  • 原文地址:https://www.cnblogs.com/Silababy/p/5970660.html
Copyright © 2011-2022 走看看