How to use different device sound?

[gabsima-nexapp]

How to use different device sound?

[helenaford]

Hi, for iOS the system sound should work, in the docs there's an example setting the sound using a ringtone name (https://notifee.app/react-native/docs/ios/behaviour#sound). It may be the case that we only support ringtone sounds and not alert tones which is what those sounds in your screenshot are. But it could be a possible feature enhancement we can support.

As of Android, I'll get back to you on that one. I don't think we currently support system sounds (https://notifee.app/react-native/docs/android/behaviour#sound) but there might be a way we can use the url returned from the library.

[helenaford]

Hi, I've taken a look at Android, and you can set the sound on the channel to the content url the library gives you (see doc update: https://notifee.app/react-native/docs/android/behaviour#device-sound)
For example:

await notifee.createChannel({
       id: "custom-sound",
       name: "Customer Sound",
       sound: soundsList[2].url, 
     });
     
     await notifee.displayNotification({
      ...
       android: {
         channelId: "custom-sound",
       },
     });

[helenaford]

Update on iOS sounds, there was an issue with the docs. As it stands, the sound has to be inside your app bundle for iOS to play the sound. See https://developer.apple.com/documentation/usernotifications/unnotificationsound?language=objc

There may be a workaround where we can play the system sound at the same time the notification is displayed, this will need some testing to make sure the sound plays at the same time the notification is displayed. But, this will only work for notifications shown via displayNotification and trigger notifications :(

[helenaford]

Closing as the question has been answered above.

[shirodkarpushkar]

Hi, I've taken a look at Android, and you can set the sound on the channel to the content url the library gives you (see doc update: https://notifee.app/react-native/docs/android/behaviour#device-sound) For example:

await notifee.createChannel({
       id: "custom-sound",
       name: "Customer Sound",
       sound: soundsList[2].url, 
     });
     
     await notifee.displayNotification({
      ...
       android: {
         channelId: "custom-sound",
       },
     });

This worked for android with s3 URLs
For iOS I am using '@react-native-community/audio-toolkit' package in the background and playing sound before displaying the notification.

import { Player } from '@react-native-community/audio-toolkit';

const sound = new Player(soundFile.file_path);
sound.play();
await notifee.displayNotification(notifeeObj);