react-native-theoplayer 7.8.0 → 7.8.1

package/CHANGELOG.md

@@ -5,6 +5,16 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.1.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [7.8.1] - 24-08-14
+
+### Fixed
+
+- Fixed an issue on Android where the notification background would be displayed in low resolution on recent Android versions.
+
+### Added
+
+- Added support on iOS for 'album' and 'artist' in the nowPlayingInfo.
+
 ## [7.8.0] - 24-08-09
 
 ### Added

package/android/build.gradle

@@ -113,8 +113,8 @@ dependencies {
   implementation "androidx.core:core-ktx:${safeExtGet('corektxVersion', '1.10.1')}"
 
   // The minimum supported THEOplayer version is 7.6.0
-  def theoplayer_sdk_version = safeExtGet('THEOplayer_sdk', '[7.6.0, 8.0.0)')
-  def theoplayer_mediasession_version = safeExtGet('THEOplayer_mediasession', '[7.5.0, 8.0.0)')
+  def theoplayer_sdk_version = safeExtGet('THEOplayer_sdk', '[7.10.0, 8.0.0)')
+  def theoplayer_mediasession_version = safeExtGet('THEOplayer_mediasession', '[7.10.0, 8.0.0)')
 
   println("Using THEOplayer (${versionString(theoplayer_sdk_version)})")
   implementation "com.theoplayer.theoplayer-sdk-android:core:${theoplayer_sdk_version}"

package/android/src/main/java/com/theoplayer/media/MediaNotificationBuilder.kt

@@ -23,15 +23,18 @@ import com.facebook.imagepipeline.datasource.BaseBitmapDataSubscriber
 import com.facebook.imagepipeline.image.CloseableImage
 import com.facebook.imagepipeline.request.ImageRequest
 import com.theoplayer.R
+import com.theoplayer.android.api.source.SourceDescription
+import com.theoplayer.android.connector.mediasession.MediaSessionConnector
 
 private const val TAG = "MediaNotification"
 
 class MediaNotificationBuilder(
   private val context: Context,
   private val notificationManager: NotificationManager,
-  private val mediaSession: MediaSessionCompat
+  private val mediaSessionConnector: MediaSessionConnector
 ) {
-
+  private val mediaSession: MediaSessionCompat
+    get() = mediaSessionConnector.mediaSession
   private var channel: NotificationChannel? = null
   private var channelId: String? = null
 
@@ -136,8 +139,16 @@ class MediaNotificationBuilder(
       // Add an app icon and set its accent color
       setSmallIcon(R.drawable.ic_notification_small)
 
-      // Set the large icon that is shown in the notification
-      setLargeIcon(largeIcon)
+      largeIcon?.let {
+        // Set the large icon that is shown in the notification
+        setLargeIcon(largeIcon)
+
+        // Also provide the mediaSession with our downloaded asset
+        mediaSessionConnector.getMediaSessionMetadataProvider().apply {
+          setArt(largeIcon)
+          invalidateMediaSessionMetadata()
+        }
+      }
 
       // Be careful when you set the background color. In an ordinary notification in
       // Android version 5.0 or later, the color is applied only to the background of the
@@ -170,7 +181,7 @@ class MediaNotificationBuilder(
       // Add up to 3 actions to be shown in the notification's standard-sized contentView.
       if (enableMediaControls) {
         // The Rewind, Play/Pause and FastForward actions.
-        style.setShowActionsInCompactView(0,1,2)
+        style.setShowActionsInCompactView(0, 1, 2)
       } else {
         // The placeholder action, which was added above.
         style.setShowActionsInCompactView(0)
@@ -193,16 +204,13 @@ class MediaNotificationBuilder(
   }
 }
 
-fun fetchImageFromUri(uri: Uri?, block: (Bitmap?) -> Unit) {
-  if (uri == null) {
+fun fetchImageFromMetadata(source: SourceDescription?, block: (Bitmap?) -> Unit) {
+  val img = source?.poster ?: source?.metadata?.get("displayIconUri")
+  if (img == null) {
     block(null)
     return
   }
-
-  val imageRequest = ImageRequest.fromUri(uri)
-  val imagePipeline = Fresco.getImagePipeline()
-
-  imagePipeline.fetchDecodedImage(imageRequest, null).also {
+  Fresco.getImagePipeline().fetchDecodedImage(ImageRequest.fromUri(Uri.parse(img)), null).also {
     it.subscribe(
       object : BaseBitmapDataSubscriber() {
         override fun onNewResultImpl(bitmap: Bitmap?) {
@@ -211,7 +219,7 @@ fun fetchImageFromUri(uri: Uri?, block: (Bitmap?) -> Unit) {
 
         override fun onFailureImpl(dataSource: DataSource<CloseableReference<CloseableImage>>) {
           if (dataSource.failureCause != null) {
-            Log.w(TAG, "Failed to get image $uri")
+            Log.w(TAG, "Failed to get image $img")
           }
           block(null)
         }
@@ -224,7 +232,7 @@ fun fetchImageFromUri(uri: Uri?, block: (Bitmap?) -> Unit) {
 fun loadPlaceHolderIcon(context: Context, res: Int = R.drawable.ic_notification_large): Bitmap? {
   return try {
     BitmapFactory.decodeResource(context.resources, res)
-  } catch(e: Exception) {
+  } catch (e: Exception) {
     // Make sure we never crash on trying to decode a possibly overridden icon resource.
     Log.w(TAG, "Failed to decode placeHolderIcon: ${e.message}")
     null

package/android/src/main/java/com/theoplayer/media/MediaPlaybackService.kt

@@ -77,7 +77,7 @@ class MediaPlaybackService : Service() {
     initMediaSession()
 
     notificationManager = (getSystemService(NOTIFICATION_SERVICE) as NotificationManager)
-    notificationBuilder = MediaNotificationBuilder(this, notificationManager, mediaSession)
+    notificationBuilder = MediaNotificationBuilder(this, notificationManager, mediaSessionConnector)
 
     // This ensures that the service starts and continues to run, even when all
     // UI MediaBrowser activities that are bound to it unbind.
@@ -215,7 +215,7 @@ class MediaPlaybackService : Service() {
     when (playbackState) {
       PlaybackStateCompat.STATE_PAUSED -> {
         // Fetch large icon asynchronously
-        fetchImageFromUri(mediaSession.controller.metadata?.description?.iconUri) { largeIcon ->
+        fetchImageFromMetadata(player?.source) { largeIcon ->
           notificationManager.notify(NOTIFICATION_ID, notificationBuilder.build(playbackState, largeIcon, mediaSessionConfig.mediaSessionEnabled))
         }
       }
@@ -228,7 +228,7 @@ class MediaPlaybackService : Service() {
         startForegroundWithPlaybackState(playbackState, loadPlaceHolderIcon(this))
 
         // Fetch the correct large icon asynchronously.
-        fetchImageFromUri(mediaSession.controller.metadata?.description?.iconUri) { largeIcon ->
+        fetchImageFromMetadata(player?.source) { largeIcon ->
           startForegroundWithPlaybackState(playbackState, largeIcon)
         }
       }

package/ios/backgroundAudio/THEOplayerRCTNowPlayingManager.swift

@@ -54,6 +54,8 @@ class THEOplayerRCTNowPlayingManager {
             self.updatePlaybackState()
             self.nowPlayingInfo = [String : Any]()
             self.updateTitle(metadata.title)
+            self.updateArtist(metadata.metadataKeys?["artist"] as? String)
+            self.updateAlbum(metadata.metadataKeys?["album"] as? String)
             self.updateSubtitle(metadata.metadataKeys?["subtitle"] as? String)
             self.updateDuration(player.duration)
             self.updateMediaType() // video
@@ -106,6 +108,18 @@ class THEOplayerRCTNowPlayingManager {
         }
     }
     
+    private func updateArtist(_ metadataArtist: String?) {
+        if let artist = metadataArtist {
+            self.nowPlayingInfo[MPMediaItemPropertyArtist] = artist
+        }
+    }
+    
+    private func updateAlbum(_ metadataAlbum: String?) {
+        if let album = metadataAlbum {
+            self.nowPlayingInfo[MPMediaItemPropertyAlbumTitle] = album
+        }
+    }
+    
     private func updateSubtitle(_ metadataSubtitle: String?) {
         if let subtitle = metadataSubtitle {
             self.nowPlayingInfo[MPMediaItemPropertyArtist] = subtitle

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-theoplayer",
-  "version": "7.8.0",
+  "version": "7.8.1",
   "description": "A THEOplayer video component for react-native.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",