meting - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

dist/Meting.min.js

@@ -1,1 +0,1 @@
-"use strict";console.log("\n %c MetingJS 1.0.1 %c https://github.com/metowolf/MetingJS \n\n","color: #fff; background-image: linear-gradient(90deg, rgb(47, 172, 178) 0%, rgb(45, 190, 96) 100%); padding:5px 1px;","background-image: linear-gradient(90deg, rgb(45, 190, 96) 0%, rgb(255, 255, 255) 100%); padding:5px 0;");var aplayers=[];document.addEventListener("DOMContentLoaded",function(){function a(a,b){var c=[],d=a.dataset;c.element=a,c.music=b,c.showlrc=c.music[0].lrc?3:0,c.narrow="true"===d.narrow,c.autoplay="true"===d.autoplay,c.mutex="false"!==d.mutex,c.mode=d.mode||"circulation",c.preload=d.preload||"auto",c.listmaxheight=d.listmaxheight||"340px",c.theme=d.theme||"#ad7a86",aplayers.push(new APlayer(c))}var b="https://api.i-meto.com/meting/api?server=:server&type=:type&id=:id&r=:r";"undefined"!=typeof meting_api&&(b=meting_api);var c=document.querySelectorAll(".aplayer"),d=!0,e=!1,f=void 0;try{for(var g,h=function(){var c=g.value,d=c.dataset.id;if(d){var e=b;e=e.replace(":server",c.dataset.server),e=e.replace(":type",c.dataset.type),e=e.replace(":id",c.dataset.id),e=e.replace(":r",Math.random());var f=new XMLHttpRequest;f.onreadystatechange=function(){if(4===f.readyState&&(200<=f.status&&300>f.status||304===f.status)){var b=JSON.parse(f.responseText);a(c,b)}},f.open("get",e,!0),f.send(null)}else{var h=[{title:c.dataset.title,author:c.dataset.author,url:c.dataset.url,pic:c.dataset.pic,lrc:c.dataset.lrc}];a(c,h)}},i=c[Symbol.iterator]();!(d=(g=i.next()).done);d=!0)h()}catch(a){e=!0,f=a}finally{try{!d&&i.return&&i.return()}finally{if(e)throw f}}},!1);
+"use strict";console.log("\n %c MetingJS 1.0.2 %c https://github.com/metowolf/MetingJS \n\n","color: #fff; background-image: linear-gradient(90deg, rgb(47, 172, 178) 0%, rgb(45, 190, 96) 100%); padding:5px 1px;","background-image: linear-gradient(90deg, rgb(45, 190, 96) 0%, rgb(255, 255, 255) 100%); padding:5px 0;");var aplayers=[],loadMeting=function(){function a(a,b){var c=[],d=a.dataset;c.element=a,c.music=b,c.showlrc=c.music[0].lrc?3:0,c.narrow="true"===d.narrow,c.autoplay="true"===d.autoplay,c.mutex="false"!==d.mutex,c.mode=d.mode||"circulation",c.preload=d.preload||"auto",c.listmaxheight=d.listmaxheight||"340px",c.theme=d.theme||"#ad7a86",aplayers.push(new APlayer(c))}var b="https://api.i-meto.com/meting/api?server=:server&type=:type&id=:id&r=:r";"undefined"!=typeof meting_api&&(b=meting_api);for(var f=0;f<aplayers.length;f++)try{aplayers[f].destroy()}catch(a){console.log(a)}aplayers=[];for(var c=document.querySelectorAll(".aplayer"),d=function(d){var e=c[d],f=e.dataset.id;if(f){var g=b;g=g.replace(":server",e.dataset.server),g=g.replace(":type",e.dataset.type),g=g.replace(":id",e.dataset.id),g=g.replace(":r",Math.random());var h=new XMLHttpRequest;h.onreadystatechange=function(){if(4===h.readyState&&(200<=h.status&&300>h.status||304===h.status)){var b=JSON.parse(h.responseText);a(e,b)}},h.open("get",g,!0),h.send(null)}else if(e.dataset.url){var i=[{title:e.dataset.title,author:e.dataset.author,url:e.dataset.url,pic:e.dataset.pic,lrc:e.dataset.lrc}];a(e,i)}},e=0;e<c.length;e++)d(e)};document.addEventListener("DOMContentLoaded",loadMeting,!1);

package.json

 {
   "name": "meting",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Wow, such a beautiful html5 music player (with Meting API)",
@@ -5,0 +5,0 @@ "main": "dist/Meting.min.js",

README.md

@@ -13,7 +13,7 @@ <p align="center">
 ## Requirement
-https://github.com/MoePlayer/APlayer
+https://github.com/MoePlayer/APlayer (~1.6.0)
 
 ## CDN
-https://cdn.jsdelivr.net/npm/meting/dist/Meting.min.js
-https://unpkg.com/meting@1.0.0/dist/Meting.min.js
+https://cdn.jsdelivr.net/npm/meting/dist/Meting.min.js  
+https://unpkg.com/meting/dist/Meting.min.js
 
@@ -33,2 +33,12 @@ ## Quick Start
 
+```html
+<div class="aplayer"
+    data-title="rainymood"
+    data-author="rainymood"
+    data-url="https://rainymood.com/audio1110/0.m4a"
+    data-pic="https://rainymood.com/i/badge.jpg">
+</div>
+```
+for self-hosted media
+
 ## Option
@@ -35,0 +45,0 @@

src/Meting.js

@@ -1,10 +0,20 @@
-console.log("\n %c MetingJS 1.0.1 %c https://github.com/metowolf/MetingJS \n\n", "color: #fff; background-image: linear-gradient(90deg, rgb(47, 172, 178) 0%, rgb(45, 190, 96) 100%); padding:5px 1px;", "background-image: linear-gradient(90deg, rgb(45, 190, 96) 0%, rgb(255, 255, 255) 100%); padding:5px 0;");
+console.log("\n %c MetingJS 1.0.2 %c https://github.com/metowolf/MetingJS \n\n", "color: #fff; background-image: linear-gradient(90deg, rgb(47, 172, 178) 0%, rgb(45, 190, 96) 100%); padding:5px 1px;", "background-image: linear-gradient(90deg, rgb(45, 190, 96) 0%, rgb(255, 255, 255) 100%); padding:5px 0;");
 
 let aplayers = [];
-document.addEventListener('DOMContentLoaded', function(event){
+let loadMeting = () => {
     let api = 'https://api.i-meto.com/meting/api?server=:server&type=:type&id=:id&r=:r';
     if (typeof meting_api !== 'undefined') api = meting_api;
 
+    for (let i = 0; i < aplayers.length; i++) {
+        try {
+            aplayers[i].destroy();
+        } catch(e){
+            console.log(e);
+        }
+    }
+    aplayers = [];
+
     let elements = document.querySelectorAll(".aplayer");
-    for (const el of elements) {
+    for (let i = 0; i < elements.length; i++) {
+        const el = elements[i];
         let id = el.dataset.id;
@@ -30,3 +40,3 @@ if (id) {
 
-        } else {
+        } else if (el.dataset.url) {
             let data = [{
@@ -58,2 +68,4 @@ title : el.dataset.title,
     }
-}, false);
+}
+
+document.addEventListener('DOMContentLoaded', loadMeting, false);

No alert changes

Improved metrics

Total package byte prevSize

8784

5.91%

Lines of code

69

16.95%

Number of lines in readme file

74

15.63%

No dependency changes