Belive lib is a ready-to-use components for ease of use when using with:
- Belive RTM
- Agora rtm sdk
- Video js
Belive lib requires Node.js to run.
$ npm install --save belive-lib-test
Belive RTM:
import { BeliveRTM, BELIVE_RTM_CHAT_CONST } from "belive-lib-test";
function getUser() {
let randomId = parseInt(Math.random() * 1000);
return {
userName: `Test-${randomId}`,
userId: randomId,
userImage: "",
avatarColor: "#7EDEF6",
displayName: `Test-${randomId}`
};
}
function handleReceiveMessage({ message_type, message }) {
//receive message
switch (message_type) {
case BELIVE_RTM_CHAT_CONST.MESSAGETYPE_MESSAGE:
//handle message base on message_type
break;
default:
break;
}
}
const client = new BeliveRTM({
channel: "[YOUR_CHANNEL]",
server: "[YOUR_SERVER]",
license: "[LICENSE]",
user: getUser(),
onReceiveMessage: handleReceiveMessage
});
//Connect to server
client.connect();
//Remember to destroy when don't need
client.destroy();
AgoraRTM:
import { AgoraRTM, AGORA_RTM_MESSAGE_TYPES } from "belive-lib-test";
function getUser() {
let randomId = parseInt(Math.random() * 1000);
return {
userName: `Test-${randomId}`,
userId: randomId,
userImage: "",
avatarColor: "#7EDEF6",
displayName: `Test-${randomId}`
};
}
const user = getUser();
function handleReceiveChannelEvent(message) {
console.log("handleReceiveChannelEvent", message);
}
function handleReceiveClientEvent(eventName, ...args) {
console.log("handleReceiveClientEvent", { eventName, args });
}
function handleReceiveMessage(messages) {
console.log("handleReceiveMessage", messages);
}
const client = new AgoraRTM({
channel: "[YOUR_CHANNEL]",
appId: "[YOUR_APP_ID]",
uid: user.userName,
user,
onReceiveMessage: handleReceiveMessage,
onReceiveClientEvent: handleReceiveClientEvent,
onReceiveChannelEvent: handleReceiveChannelEvent
});
//Connect to server
client.connect();
//Remember to destroy when don't need
client.destroy();
VideoJs:
<div id="video-wrapper"></div>
import { VideoJsPlayer } from "belive-lib-test";
//Initialize video into element
const video = new VideoJsPlayer({
element: document.getElementById("video-wrapper"),
urlSources: ["http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"]
});
//Remember to destroy when don't need
video.destroy();
//Can also re-initialize when needed
video.init();