/ SDKs / JavaScript
SDKs
Chat SDKs JavaScript v4
Chat SDKs JavaScript
Chat SDKs
JavaScript
Version 4
Home
/
Chat
/
SDKs
/
JavaScript
/
Message

Auto-translate messages

Copy link

Sendbird's auto-translation feature lets you send text messages in different languages. When sending a text message, set an array of language codes to the UserMessageCreateParams object, then pass the object as an argument to a parameter in the sendUserMessage() method to request messages to be translated into the desired languages. With this, you can add a real-time translation feature to your app. To enable this feature, contact our sales team.

Note: Sendbird's message auto-translation feature is powered by Google Cloud Translation API recognition engine. You can find the language codes supported by the engine in the translation engine page. You can also visit the language Support page in Google Cloud Translation.

JavaScriptTypeScript
const params = {
    translationTargetLanguages = ['es', 'ko'],        // Spanish and Korean.
};
// ...
channel.sendUserMessage(params)
    .onSucceeded((message) => {
        // ...
    });

To show the translated messages, use the userMessage.translations property, which has a Map object containing the language codes and translations as shown in the code below.

Open channel

Copy link
JavaScriptTypeScript
const channelHandler = new OpenChannelHandler({
    onMessageReceived: (channel, message) => {
        if (message instanceof UserMessage) {
            const esTranslatedMessage = message.translations['es']; // Spanish.
            // ...
        }
    },
});

sb.openChannel.addChannelHandler(UNIQUE_HANDLER_ID, channelHandler);

Group channel

Copy link
JavaScriptTypeScript
const channelHandler = new GroupChannelHandler({
    onMessageReceived: (channel, message) => {
        if (message instanceof UserMessage) {
            const esTranslatedMessage = message.translations['es'];        // Spanish.
            // ...
        }
    }
});

sb.groupChannel.addGroupChannelHandler(UNIQUE_HANDLER_ID, channelHandler);