Perf: 优化当下一条评论和上一条评论是同一首歌时不重新加载歌曲

hugo-fixit · Mar 1, 2023 · bd0a05e · bd0a05e
1 parent fc5505c
commit bd0a05e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/layouts/shortcodes/mmt-netease.html b/layouts/shortcodes/mmt-netease.html
@@ -1,5 +1,5 @@
 
-{{- $version := "1.0.2" -}}
+{{- $version := "1.0.3" -}}
 {{- $mid := cond .IsNamedParams (.Get "mid") (.Get 0) | default "2280569152" -}}
 {{- $autoplay := cond .IsNamedParams (.Get "autoplay") (.Get 1) | default false -}}
 

diff --git a/static/shortcodes/mmt-netease/js/index.js b/static/shortcodes/mmt-netease/js/index.js
@@ -5,6 +5,7 @@
 const RNC = new (function () {
   const $music = document.querySelector('.netease-music');
   const $comment = document.querySelector('.comment-163');
+  let lastMusic = void 0;
 
   /**
    * 获取随机网易云评论
@@ -24,11 +25,14 @@ const RNC = new (function () {
       $comment.querySelector('.comment-content').innerHTML = comment.data.content.replace('\n','<br/>');
       $comment.querySelector('.music-name').innerHTML = comment.data.name;
       $comment.querySelector('.artists-name').innerHTML = comment.data.artistsname;
-      const $player = document.createElement('meting-js');
-      $player.setAttribute('auto', comment.data.url);
-      $player.setAttribute('autoplay', autoplay);
-      $music.innerHTML = '';
-      $music.appendChild($player);
+      if (!lastMusic || (lastMusic !== comment.data.url)) {
+        const $player = document.createElement('meting-js');
+        $player.setAttribute('auto', comment.data.url);
+        $player.setAttribute('autoplay', autoplay);
+        $music.innerHTML = '';
+        $music.appendChild($player);
+        lastMusic = comment.data.url;
+      }
     })
   };