Styled Media Receiver - Chromecast

[neoassyrian]

Hi guys,

Can the chromcast receiver be styled where it displays the cover photo and display title and subtitle?
https://developers.google.com/cast/docs/android_sender/integrate#set_media_metadata

The MediaMetadata class represents the information about a media item you want to Cast. The following example creates a new MediaMetadata instance of a movie and sets the title, subtitle and two images.

val movieMetadata = MediaMetadata(MediaMetadata.MEDIA_TYPE_MOVIE)

movieMetadata.putString(MediaMetadata.KEY_TITLE, mSelectedMedia.getTitle())
movieMetadata.putString(MediaMetadata.KEY_SUBTITLE, mSelectedMedia.getStudio())
movieMetadata.addImage(WebImage(Uri.parse(mSelectedMedia.getImage(0))))
movieMetadata.addImage(WebImage(Uri.parse(mSelectedMedia.getImage(1))))

[dcvz]

@neoassyrian Yes — this is already supported on Android. You don't need to build MediaMetadata yourself or register a custom receiver for the basics.

When Cast is enabled in setupPlayer and your tracks include metadata, the Default Media Receiver shows cover art, title, and artist:

await TrackPlayer.setupPlayer({
  android: {
    cast: DEFAULT_CAST_RECEIVER_APP_ID,
  },
});
await TrackPlayer.add({
  url: 'https://example.com/song.mp3',
  title: 'Song Title',
  artist: 'Artist Name',
  albumTitle: 'Album Name',
  artworkUrl: 'https://example.com/cover.jpg',
});

[ala-bs]

I tried to cast a radio streaming, it worked, but moving from a radio station to another when casting is fully buggy, it starts to fetch then restores the initially opened radio with its url and artwork.

[neoassyrian]

@neoassyrian Yes — this is already supported on Android. You don't need to build MediaMetadata yourself or register a custom receiver for the basics.

When Cast is enabled in setupPlayer and your tracks include metadata, the Default Media Receiver shows cover art, title, and artist:

await TrackPlayer.setupPlayer({
  android: {
    cast: DEFAULT_CAST_RECEIVER_APP_ID,
  },
});
await TrackPlayer.add({
  url: 'https://example.com/song.mp3',
  title: 'Song Title',
  artist: 'Artist Name',
  albumTitle: 'Album Name',
  artworkUrl: 'https://example.com/cover.jpg',
});

This is not working for me. I'm setting all the metadata and setting up the default Id. The songs are playing fine, but the screen is just black/empty. The only thing that appears is the progress bar and title at the bottom. They appear initially and then hide, with a blank black screen (no artwork)

Also, I assume that you meant setMediaItems or addMEdiaItems instead of "TrackPlayer.add(...", right?

Also, I just noticed, that the "live" stream is displaying the details, but normal tracks are not (maybe with a queue).

I have a central method that does that:

private trackToMediaItem(track: any): any {

        const item: any = {
            track?.id,
            url: track?.url,
            title: track?.title,
            artist: track?.artist,
            albumTitle: track?.album,
            artworkUrl: track?.artwork,
            duration: track?.duration,
        };

        if (track?.isLive) {
            item.isLive = true;
        }
        if (track?.mimeType) {
            item.mimeType = track.mimeType;
        }

        return item;
    }

[neoassyrian]

Ok, figured it out.

I was not setting the mimeType on the track. Once mimeType is set, it renders the correct UI.

One thing though, I'm using a custom receiver ID but it's loading the default expoplayer one. The name of the receiver (expoplayer default receiver) is also getting displayed which is a bad look 😁

[dcvz]

Ok, figured it out.

I was not setting the mimeType on the track. Once mimeType is set, it renders the correct UI.

One thing though, I'm using a custom receiver ID but it's loading the default expoplayer one. The name of the receiver (expoplayer default receiver) is also getting displayed which is a bad look 😁

Oh! Yes, I should make sure to properly document that. I'll take a look at the custom receiver path. Do you also experience issues switching stations / audio like @ala-bs ?

[neoassyrian]

ok.
I dont have the exact scenario (multiple radio stations) as @ala-bs . I only have one Radio stream, and that works fine with me when switching between live and audio tracks. Switching between player and chromecast also works with no issue.