zhaoheqing
/
ohplay_official


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
							<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
        <title>测测代表你的英伦歌</title>
        <script src="/static/ishow/js/jquery-3.2.1.min.js"></script>
        <link rel="stylesheet" type="text/css" href="/static/ishow/js/main.css"/>
<!--  -->
        <script type="text/javascript" src="/static/ishow/js/pixi.min.js"></script>
        <script type="text/javascript" src="/static/ishow/js/hammer.min.js"></script>
        <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
        <script type="text/javascript" src="/static/ishow/js/design.js"></script>
        <script type="text/javascript" src="/static/ishow/js/main.js"></script>
<!--  -->
        <style type="text/css">
        .invisible {
        opacity:0;
        filter:alpha(opacity=0);
        position:absolute;
        left:-3200px;
        top:-4800px;
        z-index:-1;
        }
        #photo{
            position: absolute;   
            display: none;
            width: 100%;
            height: 100%;
            z-index: 99999;
            text-align: center;
        }
        #photoImg{
            width: 100%;
            max-width: 640px;
            margin: 0 auto;
        }
        #photoBtn{
            display: block;
            position: fixed;  
            z-index: 100000;
        }
        </style>
        <script type="text/javascript">

         wx.config({
             debug: false,
             appId: "<!--{echo $we_appid;}-->",
             timestamp: <!--{echo $we_timestamp;}-->,
             nonceStr: "<!--{echo $we_nonceStr;}-->",
             signature: "<!--{echo $we_signature;}-->",
             jsApiList: ['checkJsApi',
                          'onMenuShareTimeline',
                          'onMenuShareAppMessage',
                         'chooseImage',
                         'uploadImage']
         });

         wx.ready(function () {
             wx.checkJsApi({
                 jsApiList: ['chooseImage', 'uploadImage'],
                 success: function(res) {
                     if ( res.checkResult && res.checkResult.chooseImage ) {
                         insideWechat = true;
                     }else{
                         alert("图片上传不支持。");
                     }
                 }
             });
            var shareConfig = {
              title: '测测代表你的英伦歌',
              desc: '致敬优雅英伦，为经典复古的猫王·RADIOOO摩德族打call！',
              link: window.location.href,
              imgUrl: "http://www.radio1964.com/static/ishow/img/title.png",
            };
            wx.onMenuShareAppMessage(shareConfig);
            wx.onMenuShareTimeline(shareConfig); 
             wx.error(function (res) {
                 alert(res.errMsg);
             });
         });
        </script>
    </head>
    <body style="background-color: white">
        <img src="/static/ishow/img/title.png" class="invisible"/>
        <div id="appDiv">
            <canvas id="appCanvas">
            </canvas>
        </div>
        <div id="loadingDiv">
            <img src="/static/ishow/img/loading.gif"/>
        </div>
        <audio id="music" src="/static/ishow/img/music.mp3" loop="loop">
        </audio>
        <!--         input buttons -->
        <form action="#">
            <input id="nameTxt" class="textInput" type="text"/>
            <input id="genderTxt" class="textInput" type="text"/>
        </form>

        <div id="photo">
            <img id="photoImg" src="/static/ishow/img/blank.png"/>
            <!--
            <img id="photoBtn" src="/static/ishow/img/btn_back.png" onclick="onPhotoBack();"/>
        -->
        </div>

        <script type="text/javascript">
         var options = {
            backgroundColor : 0x1099bb,
            forceCanvas: true,
            // antialias: true,
            // roundPixels: true,
            view: document.getElementById("appCanvas")
         }
         // PIXI.settings.SCALE_MODE = 1;
         myApp = new PIXI.Application(designW, designH, options);
         myApp.renderer.autoResize = true;
         myApp.renderer.visible = false;

         container = new PIXI.Container();

         myApp.stage.addChild(container);
         PIXI.loader.add([
             "/static/ishow/img/yinlun1.png",
             "/static/ishow/img/btn_cece.png",
             "/static/ishow/img/btn_next.png",
             "/static/ishow/img/btn_play.png",
             "/static/ishow/img/btn_pause.png",
             "/static/ishow/img/btn_upload.png",
             "/static/ishow/img/btn_shut.png",
             "/static/ishow/img/btn_back.png",
             "/static/ishow/img/blank.png",
             "/static/ishow/img/homeBg.jpg",
             "/static/ishow/img/url.png",
             "/static/ishow/img/inputBg.png",
             "/static/ishow/img/txt_gender.png",
             "/static/ishow/img/txt_name.png",
         ]).load(setup).on("progress", loadProgress);
         function loadProgress(loader, resource) {
             console.log("progress: " + loader.progress + "%");
         }
         function setup() {
             console.log("load completed");
             autoPlayMusic();
             $('#loadingDiv').css({
                 display: 'none'
             });
             $('#appCanvas').css({
                 display: 'block'
             });
             myApp.renderer.visible = true;
             /* makeDesignView();
              * resizeView();*/
             initScales();
             makeViews();
         }
        </script>
    </body>
</html>