fix

Author: reallyGoodBaker

docs/ipc.md

@@ -29,3 +29,15 @@ export const rem: EventEmitter
 ```
 
 
+
+
+
+### 插件窗口IPC服务器
+
+
+
+#### 服务器
+
+```ts
+```
+

extension/vendor/control-widget/ui/index.js

@@ -10,11 +10,13 @@ const update = subscribe('playstate', ([ playing, progress ]) => {
         .removeClass(playing ? "fa-play" : "fa-pause")
         .addClass(playing ? "fa-pause" : "fa-play")
 })
+const playerUpdate = subscribe('player', render)
 
 win.beforeClose = () => {
     player.destroy()
     update.destroy()
     playlist.destroy()
+    playerUpdate.destroy()
 }
 
 render()
@@ -50,5 +52,5 @@ async function render() {
     $(".name").text(name)
     $(".singer-album").text(ar.map(a => a.name).join(', ') + " - " + al.name)
     $(".time").text(duration)
-    document.getElementById('img').src = al.picUrl
+    $("#img").attr("src", al.picUrl)
 }

pages/components/Control.svelte

@@ -4,7 +4,6 @@
     import { globalMetadata } from '../../utils/player/metadata.js'
     import { MainPlaylist } from '../../utils/player/playlist.js'
     import { rem, LifeCycle } from '../../utils/rem.js'
-    import { vsync } from '../../utils/core/vsync.js'
     import { store } from '../../utils/stores/base.js'
     import { getColor } from '../../utils/style/imageBasicColor.js'
     import Link from "./Link.svelte"

utils/ipc/main.js

@@ -3,15 +3,20 @@ const { ipcMain } = require('electron')
 
 let channels = new Map()
 
-module.exports = () => {
-    ipcMain.on('win:playstate', (e, ...args) => {
-        const channel = channels.get('playstate')
+function delegate(from, to) {
+    ipcMain.on(from, (e, ...args) => {
+        const channel = channels.get(to)
         if (channel) {
             channel.forEach(s => {
                 s.write(JSON.stringify(args) + '\0')
             })
         }
     })
+}
+
+module.exports = () => {
+    delegate('win:playstate', 'playstate')
+    delegate('win:player', 'player')
 
     provide('subscribe', s => {
         s.on('data', data => {

utils/player/player.js

@@ -193,6 +193,7 @@ LifeCycle.when('runtimeReady').then(() => {
     AudioPlayer.on('play', () => AudioPlayer.isPlayingIgnoreFade = true)
     AudioPlayer.on('pause', () => AudioPlayer.isPlayingIgnoreFade = false)
     AudioPlayer.on('ended', () => AudioPlayer.isPlayingIgnoreFade = false)
+    AudioPlayer.on('loadedContent', () => hooks.send('win:player', structuredClone(AudioPlayer.audioData?.data)))
 
     navigator.mediaSession.setActionHandler('play', () => globalPlayer.play())
     navigator.mediaSession.setActionHandler('pause', () => globalPlayer.pause())