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