| 123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- <!DOCTYPE html>
- <html>
- <head>
- <title></title>
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
- </head>
- <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
- <link rel="stylesheet" href="http://118.190.145.217:8108/static/APlayer.min.css">
- <script src="http://118.190.145.217:8108/static/APlayer.min.js"></script>
- <style type="text/css">
- .container{
- width: 100%;
- height: 968px;
- background: url("http://118.190.145.217:8108/static/bg.jpg") no-repeat;
- background-size: 100% 100%;
- }
- #aplayer{
- /*position: absolute;*/
- top:30vh;
- width: 80%;
- margin: auto;
- }
- </style>
- <body style="margin: 0px;background: #C13C71;">
- <div class="container">
- <div id="aplayer">
-
- </div>
- </div>
- </body>
- <script type="text/javascript">
- var name = "{{name }}"
- var url = "{{url }}"
- const ap = new APlayer({
- container: document.getElementById('aplayer'),
- audio: [{
- name: name,
- artist: 'artist',
- url: url,
- cover: 'http://118.190.145.217:8108/static/bg.jpg'
- }]
- });
- </script>
- </html>
|
