mediaSession

我也不知道做了干嘛

Author: clansty

MaiChartManager/Front/src/components/MusicEdit/index.tsx

@@ -13,6 +13,8 @@ import AcbAwb from "@/components/MusicEdit/AcbAwb";
 import GenreInput from "@/components/GenreInput";
 import VersionInput from "@/components/VersionInput";
 import { captureException } from "@sentry/vue"
+import noJacket from "@/assets/noJacket.webp";
+import { getUrl } from "@/client/api";
 
 const Component = defineComponent({
   setup() {
@@ -40,6 +42,19 @@ const Component = defineComponent({
     watch(() => info.value?.comment, sync('comment', api.EditMusicComment));
     watch(() => info.value?.longMusic, sync('longMusic', api.EditMusicLong));
 
+    onMounted(()=>{
+      if ('mediaSession' in navigator) {
+        navigator.mediaSession.metadata = new MediaMetadata({
+          title: info.value?.name || '',
+          artist: info.value?.artist || '',
+          album: genreList.value.find(genre => genre.id === info.value?.genreId)?.genreName || '',
+          artwork: [
+            { src: info.value?.hasJacket ? getUrl(`GetJacketApi/${selectedADir.value}/${info.value?.id}?${(info.value as any).updateTime}`) : noJacket,  type: 'image/png' },
+          ]
+        });
+      }
+    })
+
     return () => info.value && <NForm showFeedback={false} labelPlacement="top" disabled={selectedADir.value === 'A000'}>
         <div class="grid cols-[1fr_12em] gap-5">
             <NFlex vertical class="relative">

MaiChartManager/Front/src/components/MusicList/ConflictDisplay.tsx

@@ -10,7 +10,7 @@ export default defineComponent({
     type: {type: String, required: true},
   },
   setup(props) {
-    return () => <NPopover trigger="hover">
+    return () => !!props.conflicts.length && <NPopover trigger="hover">
       {{
         trigger: () => props.type === 'up' ?
           // @ts-ignore