| 1234567891011121314151617181920212223242526272829303132333435363738394041 |
- <!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="APlayer.min.css">
- <script src="APlayer.min.js"></script>
- <style type="text/css">
- .container{
- width: 100%;
- height: 968px;
- background: url("bg.jpg") no-repeat;
- background-size: cover;
- }
- #aplayer{
- position: absolute;
- top:10vh;
- width: 90%;
- margin: auto;
- }
- </style>
- <body style="margin: 0px;background: #C13C71;">
- <div class="container">
- <div id="aplayer"></div>
- </div>
- </body>
- <script type="text/javascript">
- const ap = new APlayer({
- container: document.getElementById('aplayer'),
- audio: [{
- name: 'name',
- artist: 'artist',
- url: 'test.mp3',
- cover: 'bg.jpg'
- }]
- });
- </script>
- </html>
|
