Send a Message

chat.createTextMessage(options);

// 1. Create a message instance. The returned instance can be displayed on the screen.
let message = chat.createTextMessage({
  to: 'user1',
  conversationType: TencentCloudChat.TYPES.CONV_C2C,
  // priority: TencentCloudChat.TYPES.MSG_PRIORITY_NORMAL,
  payload: {
    text: 'Hello world!'
  },
  // To use the read receipt feature, you need to purchase the Premium edition
  // and set `needReadReceipt` to `true` when creating a message.
  needReadReceipt: true
  // cloudCustomData: 'your cloud custom data'
});
// 2. Send the message.
let promise = chat.sendMessage(message);
promise.then(function(imResponse) {
  // The message sent successfully
  console.log(imResponse);
}).catch(function(imError) {
  // Failed to send the message
  console.warn('sendMessage error:', imError);
});

// Send targeted group messages
// targeted group messages are not counted towards conversation unreadCount
// and the receiverList supports up to 50 recipients.
let message = chat.createTextMessage({
  to: 'group1',
  conversationType: TencentCloudChat.TYPES.CONV_GROUP,
  payload: {
    text: 'Hello world!'
  },
  receiverList: ['user0', 'user1']
});

let promise = chat.sendMessage(message);
promise.then(function(imResponse) {
  console.log(imResponse);
}).catch(function(imError) {
  console.warn('sendMessage error:', imError);
});

chat.createTextAtMessage(options);

// 1. Create a message instance. The returned instance can be displayed on the screen.
let message = chat.createTextAtMessage({
  to: 'group1',
  conversationType: TencentCloudChat.TYPES.CONV_GROUP,
  // priority: TencentCloudChat.TYPES.MSG_PRIORITY_NORMAL,
  payload: {
    text: '@denny @lucy @all Dinner tonight. Reply 1 if you receive this message',
    // 'denny' and 'lucy' are `userID` values, not nicknames
    atUserList: ['denny', 'lucy', TencentCloudChat.TYPES.MSG_AT_ALL]
  },
  // cloudCustomData: 'your cloud custom data'
});
// 2. Send the message.
let promise = chat.sendMessage(message);
promise.then(function(imResponse) {
  // The message sent successfully
  console.log(imResponse);
}).catch(function(imError) {
  // Failed to send the message
  console.warn('sendMessage error:', imError);
});

chat.createImageMessage(options);

// Sample 1: Sending an image message on web - passing in a DOM node
// 1. Create a message instance. The returned instance can be displayed on the screen.
let message = chat.createImageMessage({
  to: 'user1',
  conversationType: TencentCloudChat.TYPES.CONV_C2C,
  // priority: TencentCloudChat.TYPES.MSG_PRIORITY_NORMAL,
  payload: {
    file: document.getElementById('imagePicker'),
  },
  // cloudCustomData: 'your cloud custom data'
  onProgress: function(event) { console.log('file uploading:', event) }
});

// 2. Send the message.
let promise = chat.sendMessage(message);
promise.then(function(imResponse) {
  // The message sent successfully
  console.log(imResponse);
}).catch(function(imError) {
  // Failed to send the message
  console.warn('sendMessage error:', imError);
});

// Sample 2: Sending an image message on web - passing in a File object
// Add a message input box with the ID set to `testPasteInput`
document.getElementById('testPasteInput').addEventListener('paste', function(e) {
  let clipboardData = e.clipboardData;
  let file;
  let fileCopy;
  if (clipboardData && clipboardData.files && clipboardData.files.length > 0) {
    file = clipboardData.files[0];
    // After the image message is sent successfully
    // the content pointed to by `file` may be cleared by the browser.
    // If you have extra rendering needs, you can copy the data in advance.
    fileCopy = file.slice();
  }

  if (typeof file === 'undefined') {
    console.warn('The `file` is `undefined`. Check for the compatibility of the code or browser.');
    return;
  }

  // 1. Create a message instance. The returned instance can be displayed on the screen.
  let message = chat.createImageMessage({
    to: 'user1',
    conversationType: TencentCloudChat.TYPES.CONV_C2C,
    payload: {
      file: file
    },
    onProgress: function(event) { console.log('file uploading:', event) }
  });

  // 2. Send the message.
  let promise = chat.sendMessage(message);
  promise.then(function(imResponse) {
    // The message sent successfully
    console.log(imResponse);
  }).catch(function(imError) {
    // Failed to send the message
    console.warn('sendMessage error:', imError);
  });
});

// Sending an image on wx mini-program
wx.chooseImage({
  sourceType: ['album'],
  count: 1,
  success: function (res) {
    let message = chat.createImageMessage({
      to: 'user1',
      conversationType: TencentCloudChat.TYPES.CONV_C2C,
      payload: { file: res },
      onProgress: function(event) { console.log('file uploading:', event) }
    });
 
    let promise = chat.sendMessage(message);
    promise.then(function(imResponse) {
      console.log(imResponse);
    }).catch(function(imError) {
      console.warn('sendMessage error:', imError);
    });
  }
})

// Sending an image on uni-app
uni.chooseMedia({
  count: 1,
  mediaType: ['image'],
  sizeType: ['original', 'compressed'],
  sourceType: ['album'],
  success: function(res) {
    let message = chat.createImageMessage({
      to: 'user1',
      conversationType: TencentCloudChat.TYPES.CONV_C2C,
      payload: { file: res },
      onProgress: function(event) { console.log('file uploading:', event) }
    });
 
    let promise = chat.sendMessage(message);
    promise.then(function(imResponse) {
      console.log(imResponse);
    }).catch(function(imError) {
      console.warn('sendMessage error:', imError);
    });
  }
});

chat.createAudioMessage(options);

// Sending an audio on wx mini-program
const recorderManager = wx.getRecorderManager();

const recordOptions = {
  duration: 60000, 
  sampleRate: 44100,
  numberOfChannels: 1,
  encodeBitRate: 192000,
  format: 'aac'
};


recorderManager.onError(function(errMsg) {
  console.warn('recorder error:', errMsg);
});
recorderManager.onStop(function(res) {
  console.log('recorder stop', res);

  const message = chat.createAudioMessage({
    to: 'user1',
    conversationType: TencentCloudChat.TYPES.CONV_C2C,
    payload: {
      file: res
    },
  });

  let promise = chat.sendMessage(message);
  promise.then(function(imResponse) {
    console.log(imResponse);
  }).catch(function(imError) {
    console.warn('sendMessage error:', imError);
  });
});

recorderManager.start(recordOptions);

// Sending an audio on web
let recorder = new Recorder({
  sampleBits: 16,
  sampleRate: 16000,
  numChannels: 1,
});
let startTs;
recorder.start().then(() => {
  startTs = Date.now();
}, (error) => {
  console.log(`${error.name} : ${error.message}`);
});

recorder.stop();

let duration = Date.now() - startTs; // unit：ms
let wavBlob = recorder.getWAVBlob();

// blob -> File
let audioFile = new File([wavBlob], 'hello.wav', { type: 'wav' });
audioFile.duration = duration;

let message = chat.createAudioMessage({
  to: 'user1',
  conversationType: 'C2C',
  payload: {
    file: audioFile
  }
});

let promise = chat.sendMessage(message);
promise.then(function(imResponse) {
  console.log(imResponse);
}).catch(function(imError) {
  console.warn('sendMessage error:', imError);
});

chat.createVideoMessage(options);

// Sending a video message on wx mini-program
wx.chooseVideo({
  sourceType: ['album', 'camera'],
  maxDuration: 60,
  camera: 'back',
  success (res) {
    let message = chat.createVideoMessage({
      to: 'user1',
      conversationType: TencentCloudChat.TYPES.CONV_C2C,
      payload: {
        file: res
      },
      // cloudCustomData: 'your cloud custom data'
      onProgress: function(event) { console.log('file uploading:', event) }
    })
   
    let promise = chat.sendMessage(message);
    promise.then(function(imResponse) {
      console.log(imResponse);
    }).catch(function(imError) {
      console.warn('sendMessage error:', imError);
    });
  }
})

// Sample: Sending a video message on web
// 1. Get the video file by passing in the DOM node.
// 2. Create a message instance.
const message = chat.createVideoMessage({
  to: 'user1',
  conversationType: TencentCloudChat.TYPES.CONV_C2C,
  payload: {
    file: document.getElementById('videoPicker') // Alternatively, use `event.target`
  },
  onProgress: function(event) { console.log('file uploading:', event) }
});
// 3. Send the message.
let promise = chat.sendMessage(message);
promise.then(function(imResponse) {
  // The message sent successfully
  console.log(imResponse);
}).catch(function(imError) {
  // Failed to send the message
  console.warn('sendMessage error:', imError);
});

// Sending a video message on uni-app
uni.chooseVideo({
  count: 1,
  sourceType: ['camera', 'album'],
  maxDuration: 60,
  camera: 'back',
  success: function(res) {
    let message = chat.createVideoMessage({
      to: 'user1',
      conversationType: TencentCloudChat.TYPES.CONV_C2C,
      payload: { file: res },
      onProgress: function(event) { console.log('file uploading:', event) }
    });
   
    let promise = chat.sendMessage(message);
    promise.then(function(imResponse) {
      console.log(imResponse);
    }).catch(function(imError) {
      console.warn('sendMessage error:', imError);
    });
  }
})

chat.createCustomMessage(options);

// Sample: Using a custom message to implement dice rolling
// 1. Define the random function.
function random(min, max) {
  return Math.floor(Math.random() * (max - min + 1) + min);
}
// 2. Create a message instance. The returned instance can be displayed on the screen.
let message = chat.createCustomMessage({
  to: 'user1',
  conversationType: TencentCloudChat.TYPES.CONV_C2C,
  payload: {
    data: 'dice', // Used to identify the message as a dice message
    description: String(random(1,6)), // Get the outcome
    extension: ''
  }
});
// 3. Send the message.
let promise = chat.sendMessage(message);
promise.then(function(imResponse) {
  // The message sent successfully
  console.log(imResponse);
}).catch(function(imError) {
  // Failed to send the message
  console.warn('sendMessage error:', imError);
});