🍧 2.0.1, fixed element display, close #11

Author: metowolf

README.md

@@ -19,8 +19,8 @@ https://github.com/MoePlayer/APlayer
 |2.0.x|Latest|[![](https://img.shields.io/badge/APlayer-^1.10.0-green.svg?longCache=true&style=for-the-badge)](https://github.com/MoePlayer/APlayer)|
 
 ## CDN
- - https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js
- - https://unpkg.com/meting@2/dist/Meting.min.js
+ - https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js
+ - https://unpkg.com/meting@2.0.1/dist/Meting.min.js
 
 ## Quick Start
 ```html

package.json

@@ -1,6 +1,6 @@
 {
  "name": "meting",
- "version": "2.0.0",
+ "version": "2.0.1",
  "description": "Wow, such a beautiful html5 music player (with Meting API)",
  "license": "MIT",
  "homepage": "https://github.com/metowolf/MetingJS",

source/Meting.js

@@ -30,14 +30,15 @@ class MetingJSElement extends HTMLElement {
       'auto', 'lock',
       'name', 'title', 'artist', 'author', 'url', 'cover', 'pic', 'lyric', 'lrc',
     ]
+    this.meta = {}
     for (let key of keys) {
-      this[key] = config[key]
+      this.meta[key] = config[key]
       delete config[key]
     }
     this.config = config
 
-    this.api = this.api || window.meting_api || 'https://api.i-meto.com/meting/api?server=:server&type=:type&id=:id&r=:r'
-    if (this.auto) this._parse_link()
+    this.api = this.meta.api || window.meting_api || 'https://api.i-meto.com/meting/api?server=:server&type=:type&id=:id&r=:r'
+    if (this.meta.auto) this._parse_link()
   }
 
   _parse_link() {
@@ -60,42 +61,42 @@ class MetingJSElement extends HTMLElement {
 
     for (let rule of rules) {
       let patt = new RegExp(rule[0])
-      let res = patt.exec(this.auto)
+      let res = patt.exec(this.meta.auto)
       if (res !== null) {
-        this.server = rule[1]
-        this.type = rule[2]
-        this.id = res[1]
+        this.meta.server = rule[1]
+        this.meta.type = rule[2]
+        this.meta.id = res[1]
         return
       }
     }
   }
 
   _parse() {
-    if (this.url) {
+    if (this.meta.url) {
       let result = {
-        name: this.name || this.title || 'Audio name',
-        artist: this.artist || this.author || 'Audio artist',
-        url: this.url,
-        cover: this.cover || this.pic,
-        lrc: this.lrc || this.lyric || '',
-        type: this.type || 'auto',
+        name: this.meta.name || this.meta.title || 'Audio name',
+        artist: this.meta.artist || this.meta.author || 'Audio artist',
+        url: this.meta.url,
+        cover: this.meta.cover || this.meta.pic,
+        lrc: this.meta.lrc || this.meta.lyric || '',
+        type: this.meta.type || 'auto',
       }
       if (!result.lrc) {
-        this.lrcType = 0
+        this.meta.lrcType = 0
       }
       if (this.innerText) {
         result.lrc = this.innerText
-        this.lrcType = 2
+        this.meta.lrcType = 2
       }
       this._loadPlayer([result])
       return
     }
 
     let url = this.api
-      .replace(':server', this.server)
-      .replace(':type', this.type)
-      .replace(':id', this.id)
-      .replace(':auth', this.auth)
+      .replace(':server', this.meta.server)
+      .replace(':type', this.meta.type)
+      .replace(':id', this.meta.id)
+      .replace(':auth', this.meta.auth)
       .replace(':r', Math.random())
 
     fetch(url)
@@ -108,7 +109,7 @@ class MetingJSElement extends HTMLElement {
     let defaultOption = {
       audio: data,
       mutex: true,
-      lrcType: this.lrcType || 3,
+      lrcType: this.meta.lrcType || 3,
       storageName: 'metingjs'
     }
 
@@ -133,7 +134,7 @@ class MetingJSElement extends HTMLElement {
 
 }
 
-console.log('\n %c MetingJS v2.0.0 %c https://github.com/metowolf/MetingJS \n', 'color: #fadfa3; background: #030307; padding:5px 0;', 'background: #fadfa3; padding:5px 0;')
+console.log('\n %c MetingJS v2.0.1 %c https://github.com/metowolf/MetingJS \n', 'color: #fadfa3; background: #030307; padding:5px 0;', 'background: #fadfa3; padding:5px 0;')
 
 if (window.customElements && !window.customElements.get('meting-js')) {
   window.MetingJSElement = MetingJSElement