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);
});

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);
  });
});

chat.createAudioMessage(options);

chat.createVideoMessage(options);

// 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);
});

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);
});

chat.createFaceMessage(options);

// Send an emoji message on web
// 1. Create a message instance. The returned instance can be displayed on the screen.
let message = chat.createFaceMessage({
  to: 'user1',
  conversationType: TencentCloudChat.TYPES.CONV_C2C,
  payload: {
    index: 1, // Number. Emoji index, which is customized by the user
    data: 'tt00' // String. Extra data
  },
  // 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.createFileMessage(options);

// Sample 1: Sending a file message on web - passing in a DOM node
// 1. Create a file message instance. The returned instance can be displayed on the screen.
let message = chat.createFileMessage({
  to: 'user1',
  conversationType: TencentCloudChat.TYPES.CONV_C2C,
  payload: {
    file: document.getElementById('filePicker'),
  },
  // 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 a file message on web - passing in a File object
// Add a message input box with the ID set to `testPasteInput`, 
  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.createFileMessage({
    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);
  });
});

chat.createLocationMessage(options);

// Send a geographical location message on web
// 1. Create a message instance. The returned instance can be displayed on the screen.
let message = chat.createLocationMessage({
  to: 'user1',
  conversationType: TencentCloudChat.TYPES.CONV_C2C,
  payload: {
    description: 'Tencent Building, No. 10000, Shennan Boulevard, Shenzhen',
    longitude: 113.941079, // Longitude
    latitude: 22.546103 // Latitude
  }
});
// 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);
});