inleft
2022-02-27 b1336e3f7fbc43854b6e891578a1d7673ea8e6dd
commit | author | age
019990 1 <template>
f9c38e 2     <div class="fade">
c23efb 3         <aplayer :audio="audio" fixed style="z-index: 10;"  :volume="0.1" :preload="preload" />
7b98c8 4
I 5         <!-- <a-modal ref="musicModal" title="" :dialog-style="{ top: '10px' }" :mask="false"
6         :maskClosable="false"    :visible="modal1Visible" @ok="() => setModal1Visible(false)" @cancel="() => setModal1Visible(false)">
7             <p>{{secondsToGo}}秒后关闭</p>
8         </a-modal> -->
019990 9     </div>
I 10 </template>
11
12 <script>
13     import APlayer from '@moefe/vue-aplayer';
7b98c8 14
019990 15     export default {
7b98c8 16
019990 17         data() {
I 18             return {
7b98c8 19                 modal1Visible: true,
I 20                 secondsToGo: 5,
21                 preload: "none",
019990 22                 audio: {
I 23                     name: 'Moonwisher',
24                     artist: 'Kan R. Gao',
7b98c8 25                     url: 'http://music.163.com/song/media/outer/url?id=1645104.mp3',
I 26                     // url: '/moon.mp3',
019990 27                     cover: 'http://p2.music.126.net/0AYWra9rCzgeprGp6OUyUw==/868614185993997.jpg?param=130y130',
I 28                 },
29             };
7b98c8 30
I 31         },
32         created() {
33             // const interval = setInterval(() => {
34             //     this.secondsToGo -= 1;
35             // }, 1000);
36
37             // setTimeout(() => {
38             //     clearInterval(interval);
39             //     this.modal1Visible = false
40             // }, 5000);
41         },
42         methods: {
43             setModal1Visible(modal1Visible) {
44
45                 this.modal1Visible = modal1Visible;
46             },
019990 47         },
I 48     };
49     // var ap = new APlayer({
50     //                    element: document.getElementById('player1'),
51     //                    narrow: false,
52     //                    autoplay: false,
53     //                    listFolded:true,
54     //                    audio:[
55
56     //                            {
57     //                             title: 'Wish My Life Away',
58     //                             author: 'Kan R. Gao / Laura Shigihara',
59     //                             url: 'http://music.163.com/song/media/outer/url?id=529668945.mp3',
60     //                             pic: 'http://p1.music.126.net/2VSSz_JLHtggZqmquFO_tw==/109951163106305809.jpg?param=130y130'
61     //                            }, 
62     //                            {
63     //                                title: 'Moonwisher',
64     //                                author: 'Kan R. Gao',
65     //                                url: 'http://music.163.com/song/media/outer/url?id=1645104.mp3',
66     //                                pic: 'http://p2.music.126.net/0AYWra9rCzgeprGp6OUyUw==/868614185993997.jpg?param=130y130'
67     //                            },
68     //                            {
69     //                             title: 'For River - Piano (Johnny\'s Version)',
70     //                             author: 'Kan R. Gao',
71     //                             url: 'http://music.163.com/song/media/outer/url?id=1645112.mp3',
72     //                             pic: 'http://p2.music.126.net/0AYWra9rCzgeprGp6OUyUw==/868614185993997.jpg?param=130y130'
73     //                            },
74     //                             {
75     //                                title: '花火が瞬く夜に',
76     //                                author: '羽肿',
77     //                                url: 'http://music.163.com/song/media/outer/url?id=434902428.mp3',
78     //                                pic: 'http://p1.music.126.net/f7Nd9FSzVZMkTPWDW_rnOg==/736672800839982.jpg?param=130y130'
79     //                            }
80     //                        ]
81     //                     });
82 </script>
83
84 <style>
85 </style>