npm

import TTTRtcWeb from 'tttwebsdk';

    import TTTRtcWeb from 'tttwebsdk';
    let TTTRtc = new TTTRtcWeb();
 
    const APP_ID = 'xxxxxxxxxxxxxxxxxxx';
    const USER_ID = 91619846;
    const ROOM_ID = 31819684;
    const token = ''; // 如果无需认证，则该参数取值为 ''
 
    /*创建本地客户端，并设置加入房间的角色为主播
     * role : 1 主播 | 2 副播 | 3 观众）
     * rtmpUrl : 设置 cdn 推流地址
     */
    let client = TTTRtc.createClient({role: 1, rtmpUrl: '**rtmp url**'});
    
    /*初始化客户端*/
    client.init(APP_ID, USER_ID, ()=>{
        /*client.init success callback*/
        client.join(token, ROOM_ID, ()=>{
            console.log("join room successful")
        }, (error)=>{
            console.error("join room fail: ", error)
        })
    }, (error) => {
        /*client.init fail callback*/
    })

    client.on("peer-join", (evt) => {console.log("remote user joined: ", evt) }) // 有用户加入
 
    client.on("peer-leave", (evt) => {console.log("remote user left: ", evt) })  // 有用户离开
 
    // 有音频流加入 -- 可通过 client.subscribe 订阅该流播放
    client.on('audio-added', (evt) => {
        var stream = evt.stream;
        if (!stream)
            return;
 
        client.subscribe(stream, (event) => {
            // successful doing someting, like play remote video or audio.
        }, (err) => {
            // some error occur
        });
    })
 
    client.on('video-added', (evt) => {
        var stream = evt.stream;
        if (!stream)
            return;
 
        client.subscribe(stream, (event) => {
            // successful doing someting, like play remote video or audio.
        }, (err) => {
            // some error occur
        });
    })
 
    // 某路流订阅成功，将执行 play
    client.on("stream-subscribed", (evt) => {
        // 订阅成功
        let { stream } = evt；
 
        if(stream.type === 'audio') { // 如果stream是纯音频流，不用传elementID
            stream.play()
        } else {
            let video = document.createElement('video');
            video.id = `3t_remote_${stream.getId()}`;
            video.muted = false;
            video.autoplay = true;
            video.controls = true;
            video.setAttribute('playsinline', '');
            video.style.cssText = 'height: 300px; width: 300px; background: black; position:relative; display:inline-block;'
            videoEle.append(video);
 
            stream.play(video.id, true);
        }
    })
 
    client.on("stream-unsubscribed", (evt) => {})   // 已取消订阅的流	
 
    client.on("disconnected", (evt) => {})          // 已经和服务器断开链接
    //...  更多事件请参考三体云websdk文档

    let localStream = TTTRtc.createStream({
        streamID: USER_ID,
        userID: USER_ID,
        audio: true,
        video: true,
        screen: false
    })

    localStream.init(() => {
        console.log("localStream.init success")
 
        // 初始化本地流成功，使用client.publish发布这路流
        client.publish(localStream, () => {
            // 发布成功，房间内其他人会收到 video-added、audio-added 事件
            console.log("client.publish success")
        }, (error) => {
            console.log("client.publish fail", error)
        })
    }, (error) => {
        console.log("localStream.init fail: ", error)
    })

    localStream.close();
    client.leave();
    client.close();