Add support for beaconUrl

Author: mythz

MyApp/wwwroot/pages/podcasts/AudioPlayer.mjs

@@ -302,6 +302,7 @@ const AudioPlayer = {
         currentTime: Number,
         autoPlay: Boolean,
         variant: String,
+        beaconUrl: String,
         cls: { 
             type: String,
             default: 'flex items-center gap-6 bg-white/90 dark:bg-black/90 px-4 py-4 shadow shadow-slate-200/80 dark:shadow-slate-700/80 ring-1 ring-slate-900/5 dark:ring-slate-50/5 backdrop-blur-sm md:px-6'
@@ -337,7 +338,7 @@ const AudioPlayer = {
 
         const variants = {
             cls: {
-                compact: 'flex items-center bg-white/90 dark:bg-black/90 shadow shadow-slate-200/80 dark:shadow-slate-700/80 ring-1 ring-slate-900/5 dark:ring-slate-50/5 backdrop-blur-sm gap-2 pl-2 pr-4 rounded-full'
+                compact: 'flex items-center bg-white/90 dark:bg-black/90 shadow shadow-slate-200/80 dark:shadow-slate-700/80 ring-1 ring-slate-900/5 dark:ring-slate-50/5 backdrop-blur-sm gap-2 pl-1 pr-4 rounded-full'
             },
             innerCls: {
                 compact: 'mb-[env(safe-area-inset-bottom)] flex flex-1 flex-col gap-1 overflow-hidden p-1'
@@ -387,6 +388,9 @@ const AudioPlayer = {
                     refPlayer.value.pause()
                     refPlayer.value.playbackRate = playbackRate.value
                     refPlayer.value.currentTime = props.currentTime || 0
+                    if (props.beaconUrl) {
+                        navigator.sendBeacon(props.beaconUrl)
+                    }
                 }
                 refPlayer.value.play()
                 onPlay()