<!--
MMMMMMMM               MMMMMMMM  iiii                                              ^^^                             hhhhhhh                                                                          
M:::::::M             M:::::::M i::::i                                            ^:::^                            h:::::h                                                                          
M::::::::M           M::::::::M  iiii                                            ^:::::^                           h:::::h                                                                          
M:::::::::M         M:::::::::M                                                 ^:::::::^                          h:::::h                                                                          
M::::::::::M       M::::::::::Miiiiiiinnnn  nnnnnnnn       ggggggggg   ggggg   ^:::::::::^       ssssssssss         h::::h hhhhh          ooooooooooo      mmmmmmm    mmmmmmm       eeeeeeeeeeee    
M:::::::::::M     M:::::::::::Mi:::::in:::nn::::::::nn    g:::::::::ggg::::g  ^:::::^:::::^    ss::::::::::s        h::::hh:::::hhh     oo:::::::::::oo  mm:::::::m  m:::::::mm   ee::::::::::::ee  
M:::::::M::::M   M::::M:::::::M i::::in::::::::::::::nn  g:::::::::::::::::g ^:::::^ ^:::::^ ss:::::::::::::s       h::::::::::::::hh  o:::::::::::::::om::::::::::mm::::::::::m e::::::eeeee:::::ee
M::::::M M::::M M::::M M::::::M i::::inn:::::::::::::::ng::::::ggggg::::::gg^^^^^^^   ^^^^^^^s::::::ssss:::::s      h:::::::hhh::::::h o:::::ooooo:::::om::::::::::::::::::::::me::::::e     e:::::e
M::::::M  M::::M::::M  M::::::M i::::i  n:::::nnnn:::::ng:::::g     g:::::g                   s:::::s  ssssss       h::::::h   h::::::ho::::o     o::::om:::::mmm::::::mmm:::::me:::::::eeeee::::::e
M::::::M   M:::::::M   M::::::M i::::i  n::::n    n::::ng:::::g     g:::::g                     s::::::s            h:::::h     h:::::ho::::o     o::::om::::m   m::::m   m::::me:::::::::::::::::e 
M::::::M    M:::::M    M::::::M i::::i  n::::n    n::::ng:::::g     g:::::g                        s::::::s         h:::::h     h:::::ho::::o     o::::om::::m   m::::m   m::::me::::::eeeeeeeeeee  
M::::::M     MMMMM     M::::::M i::::i  n::::n    n::::ng::::::g    g:::::g                  ssssss   s:::::s       h:::::h     h:::::ho::::o     o::::om::::m   m::::m   m::::me:::::::e           
M::::::M               M::::::Mi::::::i n::::n    n::::ng:::::::ggggg:::::g                  s:::::ssss::::::s      h:::::h     h:::::ho:::::ooooo:::::om::::m   m::::m   m::::me::::::::e          
M::::::M               M::::::Mi::::::i n::::n    n::::n g::::::::::::::::g                  s::::::::::::::s       h:::::h     h:::::ho:::::::::::::::om::::m   m::::m   m::::m e::::::::eeeeeeee  
M::::::M               M::::::Mi::::::i n::::n    n::::n  gg::::::::::::::g                   s:::::::::::ss        h:::::h     h:::::h oo:::::::::::oo m::::m   m::::m   m::::m  ee:::::::::::::e  
MMMMMMMM               MMMMMMMMiiiiiiii nnnnnn    nnnnnn    gggggggg::::::g                    sssssssssss          hhhhhhh     hhhhhhh   ooooooooooo   mmmmmm   mmmmmm   mmmmmm    eeeeeeeeeeeeee  
                                                                    g:::::g                                                                                                                         
                                                        gggggg      g:::::g                                                                                                                         
                                                        g:::::gg   gg:::::g                                                                                                                         
                                                         g::::::ggg:::::::g                                                                                                                         
                                                          gg:::::::::::::g                                                                                                                          
                                                            ggg::::::ggg                                                                                                                            
                                                               gggggg                                                                                                                               

来源：http://patorjk.com/software/taag/#p=display&f=Graffiti&t=Type%20Something%20
                                                            -->


<!DOCTYPE html>
<html lang="en">

<head>

    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta property="og:type" content="website">
    <meta property="og:title" content="ming-明">
    <meta property="og:url" content="https://fole-del.gitee.io/">
    <meta property="og:site_name" content="Mmingsrc.xyz">
    <meta property="og:description" content="明明">
    <meta property="og:image" content="https://tvax4.sinaimg.cn/large/0072YHp3ly1gjlriqpyayj30hs0hswf6.jpg">
    <link rel="shortcut icon" href="https://tvax4.sinaimg.cn/large/0072YHp3ly1gjlriqpyayj30hs0hswf6.jpg"
        type="image/x-icon">
    <link rel="icon" href="https://tvax4.sinaimg.cn/large/0072YHp3ly1gjlriqpyayj30hs0hswf6.jpg" type="image/x-icon">
    <link rel="stylesheet" href="APlayer.min.css">
    <link href="metro-all.css?ver=@@b-version" rel="stylesheet">
    <link href="start.css" rel="stylesheet">
    <link href="justaddmusic.css" rel="stylesheet">


    <title>Ming</title>

    <style>

    </style>
</head>

<body class="bg-dark fg-white h-vh-100 m4-cloak">


    <div class="container-fluid start-screen h-100 main"
        style="backdrop-filter: blur(10px);width:100%;overflow-x:hidden">
        <h1 class="start-screen-title">Ming</h1>
        <!-- 彩色滚动字体-->
        <div id="binft" class="sub-header start-screen-title" style="top: 65px;"></div>
        <script>
            var binft = function (r) {
                function t() {
                    return b[Math.floor(Math.random() * b.length)]
                }
                function e() {
                    return String.fromCharCode(94 * Math.random() + 33)
                }
                function n(r) {
                    for (var n = document.createDocumentFragment(), i = 0; r > i; i++) {
                        var l = document.createElement("span");
                        l.textContent = e(), l.style.color = t(), n.appendChild(l)
                    }
                    return n
                }
                function i() {
                    var t = o[c.skillI];
                    c.step ? c.step-- : (c.step = g, c.prefixP < l.length ? (c.prefixP >= 0 && (c.text += l[c.prefixP]), c.prefixP++) : "forward" === c.direction ? c.skillP < t.length ? (c.text += t[c.skillP], c.skillP++) : c.delay ? c.delay-- : (c.direction = "backward", c.delay = a) : c.skillP > 0 ? (c.text = c.text.slice(0, -1), c.skillP--) : (c.skillI = (c.skillI + 1) % o.length, c.direction = "forward")), r.textContent = c.text, r.appendChild(n(c.prefixP < l.length ? Math.min(s, s + c.prefixP) : Math.min(s, t.length - c.skillP))), setTimeout(i, d)
                }
                var l = "",
                    o = ["Coding for happy_"].map(function (r) {
                        return r + ""
                    }),
                    a = 2,
                    g = 1,
                    s = 5,
                    d = 75,
                    b = ["rgb(110,64,170)", "rgb(150,61,179)", "rgb(191,60,175)", "rgb(228,65,157)", "rgb(254,75,131)", "rgb(255,94,99)", "rgb(255,120,71)", "rgb(251,150,51)", "rgb(226,183,47)", "rgb(198,214,60)", "rgb(175,240,91)", "rgb(127,246,88)", "rgb(82,246,103)", "rgb(48,239,130)", "rgb(29,223,163)", "rgb(26,199,194)", "rgb(35,171,216)", "rgb(54,140,225)", "rgb(76,110,219)", "rgb(96,84,200)"],
                    c = {
                        text: "",
                        prefixP: -s,
                        skillI: 0,
                        skillP: 0,
                        direction: "forward",
                        delay: a,
                        step: g
                    };
                i()
            };
            binft(document.getElementById('binft'));
        </script>


        <div class="tiles-area clear">
            <div class="tiles-grid tiles-group size-2 fg-white slide-front" data-group-title="创建">
                <a href="https://fole-del.gitee.io" data-role="tile" class=" fg-white"
                    data-cover="https://tva1.sinaimg.cn/large/0072YHp3ly1gjvw20n7otj31hc0zdgxz.jpg" data-size="wide">
                    <span class="branding-bar">我的博客</span>
                </a>
                <a target="_blank" href="https://www.zhihu.com/people/sorrow-56-71" data-role="tile" data-size="small"
                    style="background-color: #66e6c6">
                    <span class="fa icon-zhihu icon "></span>
                    <span class="branding-bar">知乎</span>
                </a>
                <a target="_blank" href="https://github.com/fole-del" data-role="tile" data-size="small"
                    class="bg-indigo">
                    <span class="fa icon-github icon"></span>
                </a>
                <a target="_blank" href="https://space.bilibili.com/" data-role="tile" data-size="small"
                    style="background-color: #ff5c7c">
                    <span class="fa icon-bilibili-line icon"></span>
                </a>
                <a target="_blank" href="https://weibo.com/u/6456949021/home?wvr=5" data-role="tile" data-size="small"
                    style="background-color: #fc3">
                    <span class="fa icon-weibo icon"></span>
                </a>


                <div id="weather-v2-plugin-standard" data-role="tile" data-size="wide"></div>

                <script>
                    WIDGET = {
                        CONFIG: {

                            "layout": 1,
                            "width": "310",
                            "height": "150",
                            "background": 1,
                            "dataColor": "FFFFFF",
                            "borderRadius": 1,
                            "key": "FtmcNnOSjp"
                        }
                    }
                </script>


            </div>

            <div class="tiles-grid tiles-group size-2 fg-white" data-group-title="关于我">
                <div data-role="tile" data-cover="https://tvax4.sinaimg.cn/large/0072YHp3ly1gjlriqpyayj30hs0hswf6.jpg">
                    <span class="branding-bar">明</span>
                </div>
                <div data-role="tile" class=" fg-white" style="background-color: black;font: yellowgreen;">
                    <ul>
                        <li style="list-style-type:none;font-size: 0.8rem;"> <b>性别 | </b>男</li>
                        <li style="list-style-type:none;font-size: 0.8rem;"> <b>年龄 | </b>25</li>
                        <li style="list-style-type:none;font-size: 0.8rem;"> <b>住址 | </b>北京</li>
                        <li style="list-style-type:none;font-size: 0.8rem;"> <b>学历 | </b>信管 本科</li>
                        <li style="list-style-type:none;font-size: 0.8rem;"> <b>爱好 | </b>游戏 锻炼 </li>
                    </ul>
                    <span class="branding-bar">个人信息</span>

                </div>
                <div data-role="tile" class="  fg-white" style="background-color: #2a475e" data-size="wide">
                    <ul>
                        <span style="font-size: 0.8rem">我。😊<br>
                            喜欢制作网站和C++。🎮<br>
                            目标是在当社畜的路上。🗾<br>
                            学习更多技术，提升自我。✊</span>
                        <span class="branding-bar">自我介绍</span>
                    </ul>


                </div>


                <div data-role="tile" class="bg-teal fg-white" data-size="wide">
                    <ul>
                        <li style="list-style-type:none;font-size: 0.7rem;margin-top:10px">
                            <b>🎓&nbsp&nbsp&nbsp本科&nbsp&nbsp&nbsp2013-2017</b></li>
                        <li style="list-style-type:none;font-size: 0.8rem;padding-bottom:10px;"> 长春理工大学 经济管理学院 信息管理与信息系统
                        </li>

                        <!-- 
                	<li style="list-style-type:none;font-size: 0.7rem;"><b>🎓&nbsp&nbsp&nbsp研究生&nbsp&nbsp&nbsp2017-2020</b></li>
					<li style="list-style-type:none;font-size: 0.8rem;"> 武汉理工大学 艺术与设计学院 艺术设计</li>
				-->
                    </ul>
                    <span class="branding-bar">教育经历</span>

                </div>


            </div>

            <div class="tiles-grid tiles-group size-1 fg-white" data-group-title="掌握技能">
                <a target="_blank" href="https://zh.wikipedia.org/wiki/MikuMikuDance" data-role="tile" data-size="small"
                    class="bg-red" data-cover="C++.jpg">
                </a>
                <a target="_blank" href="https://unity.com/cn" data-role="tile" data-size="small" class="bg-black">
                    <img src="Qt.png" class="icon">
                </a>
                <a target="_blank" href="https://www.adobe.com/cn/products/photoshop.html" data-role="tile"
                    data-size="small" style="background-color: #001e36">
                    <img src="PS.svg" class="icon">
                </a>
                <a target="_blank" href="https://www.adobe.com/cn/products/premiere.html" data-role="tile"
                    data-size="small" style="background-color: #00005b">
                    <img src="PR.svg" class="icon">
                </a>


                <a target="_blank" data-role="tile" href="https://hexo.io/zh-cn/" data-size="small"
                    style="background-color: #0e83cd">
                    <img src="hexo.png" class="icon">
                </a>
                <a data-role="tile" data-size="small" href="https://wordpress.org/" style="background-color: #016087">
                    <img src="linux.png" class="icon">
                </a>
                <a target="_blank" data-role="tile" href="https://jquery.com/" data-size="small"
                    style="background-color:#f3f1e9">
                    <img src="HTML.jpg" class="icon">
                </a>
                <a target="_blank" data-role="tile" data-size="small" href="https://www.bootcss.com/"
                    style="background-color: #563d7c">
                    <img src="bootstrap.png" class="icon">
                </a>
                <!--
                <a target="_blank" data-role="tile" data-size="small" href="https://www.blender.org/"
                    style="background-color: #e87d0d">
                    <img src="blender.png" class="icon">
                </a>
                <a target="_blank" data-role="tile" data-size="small" href="https://www.mockplus.cn/"
                    style="background-color: #f5f5f5">
                    <img src="mockplus.png" class="icon">
                </a>
                -->
            </div>

            <div class="tiles-grid tiles-group size-2 fg-white" data-group-title="盒子导航（搭建中）">
                <a data-role="tile" data-cover="box.png">
                    <span class="branding-bar">盒子</span>
                    <span class="badge-top">0</span>
                </a>
                <a data-role="tile" style="background-color: #727272">
                    <span class="fa icon-chrome icon"></span>
                    <span class="branding-bar">网站</span>
                    <span class="badge-top">0</span>
                </a>
                <a href="http://mingsrc.xyz/music/" data-role="tile" data-cover="eastmusic.jpg">
                    <span class="branding-bar">音乐</span>
                    <span class="badge-top">1000+</span>
                </a>
                <a data-role="tile" class="bg-green">
                    <span class="fa icon-images icon"></span>
                    <span class="branding-bar">图库</span>
                    <span class="badge-top">0</span>
                </a>
                <a data-role="tile">
                    <span class="branding-bar" class="bg-blue">电影</span>
                    <span class="fa icon-play icon"></span>
                    <span class="badge-top">0</span>
                </a>
                <a data-role="tile" style="background-color: #fc3">
                    <span class="fa icon-pacman icon"></span>
                    <span class="branding-bar">游戏</span>
                    <span class="badge-top">0</span>
                </a>
            </div>

            <div class="tiles-grid tiles-group size-2 fg-white" data-group-title="网站信息">
                <a href="https://stats.uptimerobot.com/yM544fNE8r" data-role="tile" class="bg-indigo fg-white">
                    <span class="fa icon-uniE903 icon"></span>
                    <span class="branding-bar">网站监控</span>
                    <span class="badge-bottom">2</span>
                </a>
                <a data-role="tile" data-cover="visitor.png">

                    <span class="branding-bar">访问量</span>
                    <span class="badge-bottom" id="busuanzi_value_site_pv"></span>
                </a>

                <a href="mailto:191099862@qq.com" data-role="tile" class="bg-black fg-white">
                    <span class="fa icon-mail4 icon"></span>
                    <span class="branding-bar">联系我</span>

                </a>


            </div>

        </div>
		<div class="musiccontainer" id="container" style="position: fixed; right:0; bottom:0;"></div>
			 <div    data-fixed="true" data-order="random" data-size="wide"  class="aplayer" data-id="360318853" data-server="netease" data-type="playlist" data-list-folded="true"  
        data-volume="1.0"></div>
		<div id="footer">
            <p>© 2020 By Mingming_SHI</p>
            <p>Powered By <a target="_blank" style="color: #ffffff;" href="https://metroui.org.ua/index.html ">Metro
                    4</a></p>
        </div>
    </div>
    <script src="APlayer.min.jam.js"></script>
    <script src="jquary.js"></script>
    <script src="JustAddMusic.js"></script>
    <script src="jquary.js"></script>
    <script async src="busuanzi.js"></script>
    <script src="metro.js"></script>
    <script src="start.js"></script>
    <script src="Meting.min.js"></script>
    <!--打字特效-->
    <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
    <script src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/js/instantclick-1.2.2.js"
        type="module"></script>

    <script src="https://apip.weatherdt.com/standard/static/js/weather-standard-common.js?v=2.0"></script>
    <!--标题-->
    <script type="text/javascript"
        src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/js/FunnyTitle.js"></script>
    <!--单击冒点-->
    <canvas width="1777" height="841"
        style="position: fixed; left: 0px; top: 0px; z-index: 2147483647; pointer-events: none;"></canvas>
    <script src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/js/maodian.js"></script>
      <!-- 样式一（鼠标点击更换样式） -->
    <script src="https://g.joyinshare.com/hc/ribbon.min.js" type="text/javascript"></script>
    <!-- 数字雨 
    <canvas id="canvas" width="1920" height="1080"></canvas>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/js/DigitalRain.js"></script>
    -->
    <script>


		// how many bars do we want to draw? Max of 128.
		var bars = 128, hue=320;

		// add the bar elements to the container div:
		for (var i=0; i<bars; i++) {
			var bar = document.createElement("div");
			bar.className = "bar";
			container.appendChild(bar);
		}
		
		// create a new JAM instance:
		var jam = new JustAddMusic({
			 // default audio to load:
			 
			paused:true,
			deltaT:150,
              avgT:150,
			// label text to include in the UI (bottom left)
			<!--label: "<b>JustAddMusic.js </b>", -->
			volume:0,
			// set the number of spectrum values we'd like to get back:
			spectrumBins: bars,

			// the ontick callback, called 60 time per second by default
			// with the latest audio data object as the only parameter
			ontick: function(o) {
				// change the base hue value on a bass hit:
				if (o.low.hit) { hue = (hue+100)%360; }

				for (var i=0; i<bars; i++) {
					// update bars based on the spectrum values:
					var style = container.childNodes[i].style, val = o.spectrum[i];
					style.height = val*20+"%";
					style.background = "hsl("+ (hue-val*180) +","+ (val*50+50) +"%,"+ (val*40+20) +"%)";
				}
			}
		});
 
setTimeout(function(){	 

jam.loadAudio(ap.audio.currentSrc);
$(".aplayer-list").click(function(){
	              ap.volume(0, true);
  				  setTimeout(function(){jam.loadAudio(ap.audio.currentSrc);console.log(ap.audio.currentSrc)},500);
				  setTimeout(function(){ap.play();ap.seek(0);jam.seek(0);ap.volume(1, true)},4000);
});
$(".aplayer-icon-back").click(function(){
	              ap.volume(0, true);
  				  setTimeout(function(){jam.loadAudio(ap.audio.currentSrc);console.log(ap.audio.currentSrc)},500);
				  setTimeout(function(){ap.play();ap.seek(0);jam.seek(0);ap.volume(1, true)},4000);
});
$(".aplayer-icon-forward").click(function(){
	              ap.volume(0, true);
  				  setTimeout(function(){jam.loadAudio(ap.audio.currentSrc);console.log(ap.audio.currentSrc)},500);
				  setTimeout(function(){ap.play();ap.seek(0);jam.seek(0);ap.volume(1, true)},4000);
});
console.log(ap.audio.currentSrc)},1500);


	</script>
    <!--<script src="getmusicurl.js"></script>-->

</body>

</html>