react-native-media-notification 0.3.3 → 0.3.5

package/README.md

@@ -149,6 +149,8 @@ MediaControls.addEventListener('duck', () => {}); // reduce volume for interrupt
 MediaControls.addEventListener('unduck', () => {}); // restore volume after interruption
 ```
 
+**Note**: On iOS, seekForward and seekBackward are not fired, even when technically triggered. Instead, a seek event with the corresponding timestamp is fired.
+
 ### Stop Media Notification
 
 ```typescript

package/android/src/main/java/com/mediacontrols/MediaControlsModule.kt

@@ -58,11 +58,11 @@ class MediaControlsModule(reactContext: ReactApplicationContext) :
       ensureServiceStarted()
 
       val trackMetadata = MediaTrackMetadata(
-        title = metadata.getString("title") ?: "",
-        artist = metadata.getString("artist") ?: "",
-        album = metadata.getString("album"),
+        title = if (metadata.hasKey("title")) metadata.getString("title") else null,
+        artist = if (metadata.hasKey("artist")) metadata.getString("artist") else null,
+        album = if (metadata.hasKey("album")) metadata.getString("album") else null,
         duration = if (metadata.hasKey("duration")) metadata.getDouble("duration") else null,
-        artwork = metadata.getString("artwork"),
+        artwork = if (metadata.hasKey("artwork")) metadata.getString("artwork") else null,
         position = if (metadata.hasKey("position")) metadata.getDouble("position") else null,
         isPlaying = if (metadata.hasKey("isPlaying")) metadata.getBoolean("isPlaying") else null,
         shuffleMode = if (metadata.hasKey("shuffle")) metadata.getBoolean("shuffle") else null,

package/android/src/main/java/com/mediacontrols/MediaControlsPlayer.kt

@@ -143,19 +143,19 @@ class MediaControlsPlayer(
             audioFocusListener.requestAudioFocus()
         }
 
-        this.currentMetadata = metadata
+        this.currentMetadata = this.currentMetadata?.merge(metadata) ?: metadata
 
         val mediaMetadata = MediaMetadata.Builder()
-            .setTitle(metadata.title)
-            .setArtist(metadata.artist)
-            .setAlbumTitle(metadata.album)
-            .setDurationMs(metadata.duration?.times(1000)?.toLong())
+            .setTitle(this.currentMetadata!!.title)
+            .setArtist(this.currentMetadata!!.artist)
+            .setAlbumTitle(this.currentMetadata!!.album)
+            .setDurationMs(this.currentMetadata!!.duration?.times(1000)?.toLong())
             .setIsPlayable(true)
             .setIsBrowsable(false)
             .setMediaType(MediaMetadata.MEDIA_TYPE_MUSIC)
-            .apply {
-                metadata.artwork?.let { artworkUrl ->
-                    setArtworkUri(artworkUrl.toUri())
+            .also {
+                this.currentMetadata!!.artwork?.let { artworkUrl ->
+                    it.setArtworkUri(artworkUrl.toUri())
                 }
             }
             .build()
@@ -171,23 +171,23 @@ class MediaControlsPlayer(
 
         val mediaItemData = MediaItemData.Builder(mediaId)
             .setMediaItem(mediaItem)
-            .setDefaultPositionUs(metadata.position?.times(1_000_000)?.toLong() ?: 0)
-            .setDurationUs(metadata.duration?.times(1_000_000)?.toLong() ?: androidx.media3.common.C.TIME_UNSET)
+            .setDefaultPositionUs(this.currentMetadata!!.position?.times(1_000_000)?.toLong() ?: 0)
+            .setDurationUs(this.currentMetadata!!.duration?.times(1_000_000)?.toLong() ?: androidx.media3.common.C.TIME_UNSET)
             .setIsSeekable(true)
             .build()
 
         updateState { builder ->
             builder.setPlaylist(listOf(mediaItemData))
                 .setCurrentMediaItemIndex(0)
-                .setContentPositionMs(metadata.position?.times(1000)?.toLong() ?: 0)
+                .setContentPositionMs(this.currentMetadata!!.position?.times(1000)?.toLong() ?: 0)
                 .setPlayWhenReady(
-                    metadata.isPlaying ?: false,
+                    this.currentMetadata!!.isPlaying ?: false,
                     Player.PLAY_WHEN_READY_CHANGE_REASON_USER_REQUEST
                 )
                 .setPlaybackState(Player.STATE_READY)
                 .setAvailableCommands(state.availableCommands)
-                .setRepeatMode(metadata.repeatMode)
-                .setShuffleModeEnabled(metadata.shuffleMode)
+                .setRepeatMode(this.currentMetadata!!.repeatMode)
+                .setShuffleModeEnabled(this.currentMetadata!!.shuffleMode)
         }
     }
 
@@ -313,8 +313,8 @@ class MediaControlsPlayer(
 
 // Data class for metadata
 data class MediaTrackMetadata(
-    val title: String,
-    val artist: String,
+    val title: String? = null,
+    val artist: String? = null,
     val album: String? = null,
     val duration: Double? = null,
     val artwork: String? = null,
@@ -322,4 +322,17 @@ data class MediaTrackMetadata(
     val isPlaying: Boolean? = null,
     val repeatMode: String? = null,
     val shuffleMode: Boolean? = null
-)
+) {
+
+    fun merge(other: MediaTrackMetadata): MediaTrackMetadata = MediaTrackMetadata(
+        title = other.title ?: this.title,
+        artist = other.artist ?: this.artist,
+        album = other.album ?: this.album,
+        duration = other.duration ?: this.duration,
+        artwork = other.artwork ?: this.artwork,
+        position = other.position ?: this.position,
+        isPlaying = other.isPlaying ?: this.isPlaying,
+        repeatMode = other.repeatMode ?: this.repeatMode,
+        shuffleMode = other.shuffleMode ?: this.shuffleMode
+    )
+}

package/ios/MediaControls.mm

@@ -7,6 +7,10 @@
 @property (nonatomic, assign) BOOL hasListeners;
 @property (nonatomic, assign) BOOL audioInterrupted;
 @property (nonatomic, assign) BOOL explictlyPaused;
+@property (nonatomic, assign) BOOL isSeeking;
+@property (nonatomic, assign) BOOL isBackwardSeeking;
+@property (nonatomic, assign) float seekTime;
+@property (nonatomic, assign) NSTimer* seekTimer;
 @end
 
 @implementation MediaControls
@@ -83,17 +87,17 @@ RCT_EXPORT_METHOD(updateMetadata:(JS::NativeMediaControls::NativeMediaTrackMetad
     MPNowPlayingInfoCenter *_nowPlayingCenter = [MPNowPlayingInfoCenter defaultCenter];
 
     @try {
-        NSMutableDictionary *nowPlayingInfo = [NSMutableDictionary dictionary];
+        NSMutableDictionary *nowPlayingInfo = [[NSMutableDictionary alloc] initWithDictionary: _nowPlayingCenter.nowPlayingInfo];
 
-        if (metadata.title().length > 0) {
+        if (metadata.title() != nil && metadata.title().length > 0) {
             nowPlayingInfo[MPMediaItemPropertyTitle] = metadata.title();
         }
 
-        if (metadata.artist().length > 0) {
+        if (metadata.artist() != nil && metadata.artist().length > 0) {
             nowPlayingInfo[MPMediaItemPropertyArtist] = metadata.artist();
         }
 
-        if (metadata.album().length > 0) {
+        if (metadata.album() != nil && metadata.album().length > 0) {
             nowPlayingInfo[MPMediaItemPropertyAlbumTitle] = metadata.album();
         }
 
@@ -106,17 +110,20 @@ RCT_EXPORT_METHOD(updateMetadata:(JS::NativeMediaControls::NativeMediaTrackMetad
             double position = metadata.position().value();
             nowPlayingInfo[MPNowPlayingInfoPropertyElapsedPlaybackTime] = [NSNumber numberWithDouble:position];
         }
-
-        nowPlayingInfo[MPNowPlayingInfoPropertyPlaybackRate] = metadata.isPlaying() ? [NSNumber numberWithDouble:1] : [NSNumber numberWithDouble:0];
+      
+        if (metadata.isPlaying().has_value()) {
+            nowPlayingInfo[MPNowPlayingInfoPropertyPlaybackRate] = metadata.isPlaying().value() ? [NSNumber numberWithDouble:1] : [NSNumber numberWithDouble:0];
+        }
+        
 
         _nowPlayingCenter.nowPlayingInfo = nowPlayingInfo;
 
-        if (@available(iOS 11.0, *)) {
+        if (@available(iOS 11.0, *) && metadata.isPlaying().has_value()) {
             if (!self.audioInterrupted) {
                 self.explictlyPaused = false;
             }
 
-            if (metadata.isPlaying()) {
+            if (metadata.isPlaying().value()) {
                 _nowPlayingCenter.playbackState = MPNowPlayingPlaybackStatePlaying;
             } else {
                 _nowPlayingCenter.playbackState = MPNowPlayingPlaybackStatePaused;
@@ -129,7 +136,7 @@ RCT_EXPORT_METHOD(updateMetadata:(JS::NativeMediaControls::NativeMediaTrackMetad
 
 
         // Load artwork if provided
-        if (metadata.artwork().length > 0) {
+        if (metadata.artwork() != nil && metadata.artwork().length > 0) {
             NSString *artworkURL = metadata.artwork();
             [self loadArtworkFromURL:artworkURL completion:^(UIImage *image) {
                 if (!image) {
@@ -256,12 +263,29 @@ RCT_EXPORT_METHOD(enableBackgroundMode:(BOOL) enabled){
 }
 
 - (MPRemoteCommandHandlerStatus)handleSeekForwardCommand:(MPRemoteCommandEvent *)event {
-    [self emitEvent:@"seekForward" position:nil];
+    if (self.isSeeking) {
+        [self emitEvent:@"seek" position:[NSNumber numberWithFloat:self.seekTime]];
+        self.isSeeking = false;
+        [self.seekTimer invalidate];
+        self.seekTimer = nil;
+        return MPRemoteCommandHandlerStatusSuccess;
+    }
+    self.isSeeking = true;
+    self.isBackwardSeeking = false;
+
+    MPNowPlayingInfoCenter *center = [MPNowPlayingInfoCenter defaultCenter];
+    self.seekTime = [[center.nowPlayingInfo objectForKey:MPNowPlayingInfoPropertyElapsedPlaybackTime] floatValue];
+    self.seekTimer = [NSTimer scheduledTimerWithTimeInterval:0.2  target:self selector:@selector(seekTimerCallback) userInfo:nil repeats:YES];
     return MPRemoteCommandHandlerStatusSuccess;
 }
 
 - (MPRemoteCommandHandlerStatus)handleSeekBackwardCommand:(MPRemoteCommandEvent *)event {
-    [self emitEvent:@"seekBackward" position:nil];
+    self.isSeeking = true;
+    self.isBackwardSeeking = true;
+  
+    MPNowPlayingInfoCenter *center = [MPNowPlayingInfoCenter defaultCenter];
+    self.seekTime = [[center.nowPlayingInfo objectForKey:MPNowPlayingInfoPropertyElapsedPlaybackTime] floatValue];
+    self.seekTimer = [NSTimer scheduledTimerWithTimeInterval:0.2  target:self selector:@selector(seekTimerCallback) userInfo:nil repeats:YES];
     return MPRemoteCommandHandlerStatusSuccess;
 }
 
@@ -326,6 +350,15 @@ RCT_EXPORT_METHOD(enableBackgroundMode:(BOOL) enabled){
     });
 }
 
+-(void)seekTimerCallback{
+    self.seekTime += 2 * (self.isBackwardSeeking ? -1 : 1);
+
+    MPNowPlayingInfoCenter *center = [MPNowPlayingInfoCenter defaultCenter];
+    NSMutableDictionary *mediaDict = [[NSMutableDictionary alloc] initWithDictionary: center.nowPlayingInfo];
+    mediaDict[MPNowPlayingInfoPropertyElapsedPlaybackTime] = @(self.seekTime);
+    center.nowPlayingInfo = mediaDict;
+}
+
 - (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
     (const facebook::react::ObjCTurboModule::InitParams &)params
 {

package/lib/typescript/src/NativeMediaControls.d.ts

@@ -4,8 +4,8 @@ export declare const ALL_MEDIA_EVENTS: readonly ["play", "pause", "stop", "skipT
 export type MediaControl = (typeof ALL_MEDIA_EVENTS)[number];
 export type MediaControlEvent = MediaControl | 'duck' | 'unDuck';
 export interface NativeMediaTrackMetadata {
-    title: string;
-    artist: string;
+    title?: string;
+    artist?: string;
     album?: string;
     duration?: number;
     artwork?: string;

package/lib/typescript/src/NativeMediaControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NativeMediaControls.d.ts","sourceRoot":"","sources":["../../../src/NativeMediaControls.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAG9E,eAAO,MAAM,gBAAgB,oIAWnB,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEjE,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,IAAK,SAAQ,WAAW;IACvC,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxD,cAAc,CAAC,QAAQ,EAAE,wBAAwB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,qBAAqB,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAGvC,uBAAuB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAGzD,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IAE7C,QAAQ,IAAI,IAAI,CAAC;IAGjB,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;CAC7C;;AAED,wBAAuE"}
+{"version":3,"file":"NativeMediaControls.d.ts","sourceRoot":"","sources":["../../../src/NativeMediaControls.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAG9E,eAAO,MAAM,gBAAgB,oIAWnB,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEjE,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,IAAK,SAAQ,WAAW;IACvC,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxD,cAAc,CAAC,QAAQ,EAAE,wBAAwB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,qBAAqB,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAGvC,uBAAuB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAGzD,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IAE7C,QAAQ,IAAI,IAAI,CAAC;IAGjB,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;CAC7C;;AAED,wBAAuE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-media-notification",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "Display and manage media style notifications based on react-native-music-control",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/NativeMediaControls.ts

@@ -1,56 +1,56 @@
-import type { TurboModule } from 'react-native';
-import { TurboModuleRegistry } from 'react-native';
-import type { EventEmitter } from 'react-native/Libraries/Types/CodegenTypes';
-
-// Event types
-export const ALL_MEDIA_EVENTS = [
-  'play',
-  'pause',
-  'stop',
-  'skipToNext',
-  'skipToPrevious',
-  'seekForward',
-  'seekBackward',
-  'seek',
-  'shuffle',
-  'repeatMode',
-] as const;
-export type MediaControl = (typeof ALL_MEDIA_EVENTS)[number];
-
-export type MediaControlEvent = MediaControl | 'duck' | 'unDuck';
-
-export interface NativeMediaTrackMetadata {
-  title: string;
-  artist: string;
-  album?: string;
-  duration?: number;
-  artwork?: string;
-  position?: number;
-  isPlaying?: boolean;
-  repeatMode?: 'off' | 'one' | 'all';
-  shuffle?: boolean;
-}
-
-export interface NativeEvent {
-  command: string;
-  seekPosition?: number; // Position in seconds for seek events
-}
-
-export interface Spec extends TurboModule {
-  setControlEnabled(name: string, enabled: boolean): void;
-  updateMetadata(metadata: NativeMediaTrackMetadata): Promise<void>;
-  stopMediaNotification(): Promise<void>;
-
-  // Audio interruption handling
-  enableAudioInterruption(enabled: boolean): Promise<void>;
-
-  // Audio session activation
-  enableBackgroundMode(enabled: boolean): void;
-
-  shutdown(): void;
-
-  // Event listeners (native events will be emitted)
-  readonly onEvent: EventEmitter<NativeEvent>;
-}
-
-export default TurboModuleRegistry.getEnforcing<Spec>('MediaControls');
+import type { TurboModule } from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+import type { EventEmitter } from 'react-native/Libraries/Types/CodegenTypes';
+
+// Event types
+export const ALL_MEDIA_EVENTS = [
+  'play',
+  'pause',
+  'stop',
+  'skipToNext',
+  'skipToPrevious',
+  'seekForward',
+  'seekBackward',
+  'seek',
+  'shuffle',
+  'repeatMode',
+] as const;
+export type MediaControl = (typeof ALL_MEDIA_EVENTS)[number];
+
+export type MediaControlEvent = MediaControl | 'duck' | 'unDuck';
+
+export interface NativeMediaTrackMetadata {
+  title?: string;
+  artist?: string;
+  album?: string;
+  duration?: number;
+  artwork?: string;
+  position?: number;
+  isPlaying?: boolean;
+  repeatMode?: 'off' | 'one' | 'all';
+  shuffle?: boolean;
+}
+
+export interface NativeEvent {
+  command: string;
+  seekPosition?: number; // Position in seconds for seek events
+}
+
+export interface Spec extends TurboModule {
+  setControlEnabled(name: string, enabled: boolean): void;
+  updateMetadata(metadata: NativeMediaTrackMetadata): Promise<void>;
+  stopMediaNotification(): Promise<void>;
+
+  // Audio interruption handling
+  enableAudioInterruption(enabled: boolean): Promise<void>;
+
+  // Audio session activation
+  enableBackgroundMode(enabled: boolean): void;
+
+  shutdown(): void;
+
+  // Event listeners (native events will be emitted)
+  readonly onEvent: EventEmitter<NativeEvent>;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('MediaControls');