Tttelectronsdk NPM

概述

安装

npm i tttelectronsdk
(yarn add tttelectronsdk)

接口

参考: 接口文档

事件

参考: 事件文档

示例工程

参考：在线示例工程

代码示例

CASE: 1 v 1

<!-- html page 部分: -->
<body>
<!-- 本地视频显示区域 -->
<div id="local_video" style="width: 300px; height: 300px;"></div>

<!-- 远端视频显示区域 -->
<div id="remote_video" style="width: 300px; height: 300px;"></div>

<input type='button' text='join room' click='joinroom()' />
</body>

<!-- javascripts 部分: -->
import TTTEngine from 'TTTElectronSDK'
const engine = new TTTEngine()

// my id.
const userid = 123456
// room id.
const roomid = 123321
// application id.
const appid = 'test123123123120'

//初始化 RtcEngine
engine.initialize(appid)

//设置频道模式
engine.setChannelProfile(1)

// set with ANCHOR role.
const role = 1
engine.setClientRole(role)

function joinRoom() {
    engine.joinChannel("", roomid, userid)
        .then(() => {
            // join succussful.
            // display local video on the 'local_video'
            engine.initRender(userid, "local_video")
        })
        .catch(e => {
            console.log(e)
        })
}

// event userJoined
engine.on("userJoined", d => {
    // Had joining people in the room.
    // display remote user on the ''
    engine.initRender(d.uid, "remote_video");
});

// event userOffline
engine.on("userOffline", d => {
    // Had leaving room of user.
    // destroy render.
    engine.destroyRender(d.uid);
});

// Event leaveChannel
engine.on("leaveChannel", d => {
    // I leaving room.
    engine.destroyRender(userid);
});