Meting

# 介绍

可以插入 meting-js 标签

# 使用

# 基本使用

<ClientOnly>
  <Meting id="003UkWuI0E8U0l" server="tencent" type="playlist" />
</ClientOnly>

1
2
3

或

<ClientOnly>
  <meting-js id="003UkWuI0E8U0l" server="tencent" type="playlist" />
</ClientOnly>

1
2
3

# Auto

注意

各种平台的 URL 一直是在变的，auto 解析不一定能及时更新，使用前请先测试，如遇到问题，请及时反馈 (opens new window)。

<ClientOnly>
  <Meting auto="https://y.qq.com/n/ryqq/songDetail/003UkWuI0E8U0l" />
</ClientOnly>

1
2
3

# 组合列表

使用 list 参数添加额外的音乐列表。

<ClientOnly>
  <Meting id="00460eVJ4FSPKH5" server="tencent" type="song" :list="list" />
</ClientOnly>

<script>
export default {
  data() {
    return {
      list: [
        {
          id: "00417x4J1oaZre", //水木年华歌单
          server: "tencent",
          type: "song",
        },
        {
          auto: "https://y.qq.com/n/ryqq/songDetail/000zlY4H0TxwBs", //爱上你我很快乐
        },
      ],
    };
  },
};
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

# 额外歌单

使用 audio 参数添加额外的音乐列表。

<ClientOnly>
  <Meting id="00460eVJ4FSPKH" server="tencent" type="song" :audio="audio" />
</ClientOnly>

<script>
export default {
  data() {
    return {
      list: [
        {
          id: "00417x4J1oaZre", //水木年华歌单
          server: "tencent",
          type: "song",
        },
        {
          auto: "https://y.qq.com/n/ryqq/songDetail/000zlY4H0TxwBs", //爱上你我很快乐
        },
      ],
      audio: [
        {
          name: "年轻人要热爱祖国",
          artist: "音阙诗听/赵方婧",
          url: "/assets/audio/年轻人要热爱祖国.mp3",
          cover:
            "https://sm.sm9.top/api/music?server=Tencent&type=pic&id=001gv6xI4BNGiP",
          lrc: "/assets/audio/年轻人要热爱祖国.lrc",
        },
      ],
    };
  },
};
</script>

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

# 参数

此部分请熟读 MetingJS 文档 (opens new window)

继承 MetingJS 所有参数，示例见上方 DEMO。

额外参数 api 替代 meting_api

<ClientOnly>
  <meting-js
    id="7951088719"
    server="tencent"
    type="playlist"
    api="https://api.i-meto.com/meting/api?server=:server&type=:type&id=:id&r=:r"
  />
</ClientOnly>

1
2
3
4
5
6
7
8

# 配置

主题下插件配置为默认配置，每个 <Meting /> 或 <meting-js /> 标签下的设置会覆盖默认配置。

module.exports = {
  plugins: [
    [
      "smplayer",
      {
        meting: {
          api: "https://api.i-meto.com/meting/api?server=:server&type=:type&id=:id&r=:r",
          server: "tencent",
          type: "song",
          fixed: false,
          mini: false,
          autoplay: false,
          theme: "#2980b9",
          loop: "all",
          order: "list",
          preload: "auto",
          volume: 0.7,
          mutex: true,
          lrcType: 3,
          listFolded: false,
          listMaxHeight: "340px",
          storageName: "vuepress-plugin-smplayer",
        },
      },
    ],
  ],
};

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

或

module.exports = {
  plugins: {
    smplayer: {
      meting: {
        api: "https://api.i-meto.com/meting/api?server=:server&type=:type&id=:id&r=:r",
        server: "tencent",
        type: "song",
        fixed: false,
        mini: false,
        autoplay: false,
        theme: "#2980b9",
        loop: "all",
        order: "list",
        preload: "auto",
        volume: 0.7,
        mutex: true,
        lrcType: 3,
        listFolded: false,
        listMaxHeight: "340px",
        storageName: "vuepress-plugin-smplayer",
      },
    },
  },
};

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

#开源项目 #vuepress-plugin-smplayer

上次更新: 10/4/2022, 11:21:17 PM

← 安装和基本介绍 Aplayer→