64 lines
3.0 KiB
HTML
64 lines
3.0 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|||
|
|
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
|
|||
|
|
|
|||
|
|
<!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
|
|||
|
|
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
|||
|
|
<title></title>
|
|||
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
|
|||
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css" >
|
|||
|
|
<script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
|
|||
|
|
<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=4039197195" type="text/javascript" charset="utf-8"></script>
|
|||
|
|
<script type="text/javascript" src="http://connect.qq.com/qc_jssdk.js" data-appid="101878726" data-redirecturi="https://www.talkxj.com/oauth/login/qq" charset="utf-8"></script>
|
|||
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">
|
|||
|
|
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div id="app"></div>
|
|||
|
|
<div id="aplayer" class="aplayer" data-order="random" data-id="6841709496" data-server="netease" data-type="playlist" data-fixed="true" data-autoplay="true" data-volume="0.6"></div>
|
|||
|
|
<!-- 樱花飘落-->
|
|||
|
|
<script src="https://cdn.jsdelivr.net/gh/yremp/yremp-js@1.5/sakura.js"></script>
|
|||
|
|
</body>
|
|||
|
|
<!-- aplayer -->
|
|||
|
|
<script src="https://cdn.jsdelivr.net/npm/meting@1.2.0/dist/Meting.min.js"></script>
|
|||
|
|
<script src="https://cdn.jsdelivr.net/gh/kaygb/kaygb@master/js/v3.js"></script>
|
|||
|
|
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
|
|||
|
|
<script src="https://cdn.jsdelivr.net/gh/kaygb/kaygb@master/layer/layer.js"></script>
|
|||
|
|
<!-- 看板娘-->
|
|||
|
|
<!-- <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>-->
|
|||
|
|
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
|
|||
|
|
<script>
|
|||
|
|
L2Dwidget.init({
|
|||
|
|
"model": {
|
|||
|
|
//jsonpath控制显示那个小萝莉模型，
|
|||
|
|
//(切换模型需要改动)
|
|||
|
|
// "https://unpkg.com/(live2d-widget-model-koharu)@1.0.5/assets/(koharu).model.json"
|
|||
|
|
jsonPath: "https://unpkg.com/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json",
|
|||
|
|
"scale": 1
|
|||
|
|
},
|
|||
|
|
"display": {
|
|||
|
|
"position": "left", //看板娘的表现位置
|
|||
|
|
"width": 70, //小萝莉的宽度
|
|||
|
|
"height": 220, //小萝莉的高度
|
|||
|
|
"hOffset": 0,
|
|||
|
|
"vOffset": -20
|
|||
|
|
},
|
|||
|
|
"mobile": {
|
|||
|
|
"show": true,
|
|||
|
|
"scale": 0.5
|
|||
|
|
},
|
|||
|
|
"react": {
|
|||
|
|
"opacityDefault": 0.7,
|
|||
|
|
"opacityOnHover": 0.2
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</html>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|