zbzt-live-sdk 0.0.2

package/example/js/zegoApi.js

@@ -0,0 +1,229 @@
+const $container = $('body form').eq(1);
+// 获取摄像头列表
+$container.append('<button id="getCameraDeviceList" type="button" class="btn btn-primary">获取摄像头列表</button>');
+$('#getCameraDeviceList').click(async () => {
+  const result = await zbztsdk.getCameraDeviceList();
+  console.warn('[获取摄像头列表]', result);
+});
+
+// 获取麦克风列表
+$container.append('<button id="getMicrophoneDeviceList" type="button" class="btn btn-primary">获取麦克风列表</button>');
+$('#getMicrophoneDeviceList').click(async () => {
+  const result = await zbztsdk.getMicrophoneDeviceList();
+  console.warn('[获取麦克风列表]', result);
+});
+
+// 获取扬声器列表
+$container.append('<button id="getSpeakerDeviceList" type="button" class="btn btn-primary">获取扬声器列表</button>');
+$('#getSpeakerDeviceList').click(async () => {
+  const result = await zbztsdk.getSpeakerDeviceList();
+  console.warn('[获取扬声器列表]', result);
+});
+
+// 登出房间
+$container.append('<button id="leaveRoom" type="button" class="btn btn-primary">登出房间</button>');
+$('#leaveRoom').click(async () => {
+  const result = await zbztsdk.leaveRoom();
+  console.warn('[登出房间]');
+});
+
+// 获取SDK版本
+$container.append('<button id="getSDKVersion" type="button" class="btn btn-primary">获取SDK版本</button>');
+$('#getSDKVersion').click(async () => {
+  const result = await zbztsdk.getSDKVersion();
+  console.warn('[获取SDK版本]', result);
+});
+
+// 预览镜像
+$container.append('<button id="setPushViewMirror" type="button" class="btn btn-primary">预览镜像</button>');
+let pushViewMirror = false;
+$('#setPushViewMirror').click(async () => {
+  pushViewMirror = !pushViewMirror;
+  const result = await zbztsdk.setPushViewMirror(pushViewMirror);
+  console.warn('[预览镜像]', pushViewMirror);
+});
+
+// 修改推流码率
+$container.append('<button id="setBitRate" type="button" class="btn btn-primary">修改推流码率</button>');
+let pushVideoBitrate = 800000;
+$('#setBitRate').click(async () => {
+  pushVideoBitrate = pushVideoBitrate == 800000 ? 200000 : 800000;
+  const result = await zbztsdk.setBitRate(pushVideoBitrate);
+  console.warn('[修改推流码率]', result, pushVideoBitrate);
+});
+
+// 修改采集/编码分辨率
+$container.append('<button id="setCameraParams" type="button" class="btn btn-primary">修改分辨率(WEB只有目标分辨率)</button>');
+let resolution = { width: 640, height: 480 };
+$('#setCameraParams').click(async () => {
+  resolution = resolution.width == 640 ? { width: 300, height: 200 } : { width: 640, height: 480 };
+  const result = await zbztsdk.setCameraParams(resolution);
+  console.warn('[修改采集/编码分辨率]', result, resolution);
+});
+
+// 推流静音
+$container.append('<button id="setMicrophoneMute" type="button" class="btn btn-primary">推流静音</button>');
+let micMute = false;
+$('#setMicrophoneMute').click(async () => {
+  micMute = !micMute;
+  const result = await zbztsdk.setMicrophoneMute(micMute);
+  console.warn('[推流静音]', result, micMute);
+});
+
+// 设置推流音量
+$container.append('<button id="setMicrophoneVolume" type="button" class="btn btn-primary">设置推流音量</button>');
+let micVolume = 100;
+$('#setMicrophoneVolume').click(async () => {
+  micVolume = micVolume == 100 ? 50 : 100;
+  const result = await zbztsdk.setMicrophoneVolume(micVolume);
+  console.warn('[设置推流音量]', result, micVolume);
+});
+
+// 获取推流音量
+$container.append('<button id="getMicrophoneVolume" type="button" class="btn btn-primary">获取推流音量</button>');
+$('#getMicrophoneVolume').click(async () => {
+  const result = await zbztsdk.getMicrophoneVolume();
+  console.warn('[获取推流音量]', result);
+});
+// 初始化设备列表
+$container.append('<button id="getDeviceList" type="button" class="btn btn-primary">初始化设备列表</button>');
+$('#getDeviceList').click(async () => {
+  const result = initDeviceList();
+  console.warn('[初始化设备列表]', { cameraSelect, micphoneSelect, speakerSelect });
+});
+// 开关摄像头
+$container.append('<button id="enableCamera" type="button" class="btn btn-primary">开关摄像头</button>');
+let openCamera = true;
+$('#enableCamera').click(async () => {
+  openCamera = !openCamera;
+  const result = zbztsdk.openOrCloseCamera(openCamera);
+  console.warn('[开关摄像头]');
+});
+// 开关麦克风
+$container.append('<button id="enableMic" type="button" class="btn btn-primary">开关麦克风</button>');
+let openMic = true;
+$('#enableMic').click(async () => {
+  openMic = !openMic;
+  const result = zbztsdk.openOrCloseMicrophone(openMic);
+  console.warn('[开关麦克风]');
+});
+// 切换摄像头
+$container.append('<button id="switchCamera" type="button" class="btn btn-primary">切换摄像头</button>');
+let cameraIndex = 0;
+$('#switchCamera').click(async () => {
+  cameraIndex = cameraIndex === 0 ? 1 : 0;
+  const device = (await zbztsdk.getCameraDeviceList())[cameraIndex];
+  if (device) {
+    const result = zbztsdk.setCameraDevice(device.deviceId);
+  }
+  console.warn('[切换摄像头]', device);
+});
+// 切换麦克风
+$container.append('<button id="switchmic" type="button" class="btn btn-primary">切换麦克风</button>');
+let micIndex = 0;
+$('#switchmic').click(async () => {
+  micIndex = micIndex === 0 ? 1 : 0;
+  const device = (await zbztsdk.getMicrophoneDeviceList())[micIndex];
+  if (device) {
+    const result = zbztsdk.setMicrophoneDevice(device.deviceId);
+  }
+  console.warn('[切换麦克风]', device);
+});
+// 切换扬声器
+$container.append('<button id="switchSpeaker" type="button" class="btn btn-primary">切换扬声器</button>');
+let speakerIndex = 0;
+$('#switchSpeaker').click(async () => {
+  speakerIndex = speakerIndex === 0 ? 1 : 0;
+  const device = (await zbztsdk.getSpeakerDeviceList())[speakerIndex];
+  if (device) {
+    const result = zbztsdk.setSpeakerDevice(device.deviceId);
+  }
+  console.warn('[切换扬声器]', device);
+});
+// 获取当前扬声器
+$container.append('<button id="getSpeaker" type="button" class="btn btn-primary">获取当前扬声器</button>');
+$('#getSpeaker').click(async () => {
+  const result = await zbztsdk.getSpeakerDevice();
+  console.warn('[获取当前扬声器]', result);
+});
+// 开关扬声器
+$container.append('<button id="switchSpeakerMute" type="button" class="btn btn-primary">开关扬声器</button>');
+let speakerMute = false;
+$('#switchSpeakerMute').click(async () => {
+  speakerMute = !speakerMute;
+  const result = await zbztsdk.setSpeakerMute(speakerMute);
+  console.warn('[开关扬声器]');
+});
+// 拉流镜像
+$container.append('<button id="setPlayViewMirror" type="button" class="btn btn-primary">拉流镜像</button>');
+let playViewMirror = false;
+$('#setPlayViewMirror').click(async () => {
+  playViewMirror = !playViewMirror;
+  const result = await zbztsdk.setPlayViewMirror(playViewMirror);
+  console.warn('[拉流镜像]', playViewMirror);
+});
+// 停所有的拉流
+$container.append('<button id="stopAllPlay" type="button" class="btn btn-primary">停所有的拉流</button>');
+$('#stopAllPlay').click(async () => {
+  const result = await zbztsdk.stopAllPullFlow();
+  $('#remote-player .remote-player').remove();
+  console.warn('[停所有的拉流]');
+});
+// 停推
+$container.append('<button id="stopPush" type="button" class="btn btn-primary">停推(不结束预览)</button>');
+$('#stopPush').click(async () => {
+  const result = await zbztsdk.stopPushFlow(-1, '3001_90002024_1576184_1');
+  console.warn('[停推]');
+});
+
+// 跨房间拉流(42020009)
+$container.append('<br><button id="pull3005_42020009_AAAAA_1" type="button" class="btn btn-primary">跨房间拉流(3005_42020009_AAAAA_1)</button>');
+$('#pull3005_42020009_AAAAA_1').click(async () => {
+  // const result = await zbztsdk.getMicrophoneVolume();
+  handlePullFlow({ streamId: '3005_42020009_AAAAA_1', userId: 'AAAAA' });
+  console.warn('[跨房间拉流(3005_42020009_AAAAA_1)]');
+});
+// 停拉(42020009)
+$container.append('<button id="stop3005_42020009_AAAAA_1" type="button" class="btn btn-primary">停拉(3005_42020009_AAAAA_1)</button>');
+$('#stop3005_42020009_AAAAA_1').click(async () => {
+  // const result = await zbztsdk.getMicrophoneVolume();
+  handleStopPullFlow({ streamId: '3005_42020009_AAAAA_1', userId: 'AAAAA', roomId: '42020009' });
+  console.warn('[停拉(3005_42020009_AAAAA_1)]');
+});
+// 3005_42020009_AAAAA_1流的禁音开关
+$container.append('<button id="mute3005_42020009_AAAAA_1" type="button" class="btn btn-primary">禁音开关(3005_42020009_AAAAA_1)</button>');
+let mute3005_42020009_AAAAA_1 = true;
+$('#mute3005_42020009_AAAAA_1').click(async () => {
+  mute3005_42020009_AAAAA_1 = !mute3005_42020009_AAAAA_1;
+  const result = await zbztsdk.setAudioMute('AAAAA', mute3005_42020009_AAAAA_1, null, '3005_42020009_AAAAA_1');
+  console.warn('[禁音开关(3005_42020009_AAAAA_1)]', mute3005_42020009_AAAAA_1);
+});
+// 拉纯音频(3005_42020009_AAAAA_1)
+$container.append('<button id="pullAudioStream" type="button" class="btn btn-primary">拉纯音频(3005_42020009_AAAAA_1)</button>');
+$('#pullAudioStream').click(async () => {
+  const result = await zbztsdk.pullAudioFlow(15, false, '3005_42020009_AAAAA_1');
+  console.warn('[拉纯音频]', '3005_42020009_AAAAA_1');
+});
+
+// 跨房间拉流(420200091)
+$container.append('<br><button id="pullxxx_420200091_BBBBB_1" type="button" class="btn btn-primary">跨房间拉流(xxx_420200091_BBBBB_1)</button>');
+$('#pullxxx_420200091_BBBBB_1').click(async () => {
+  // const result = await zbztsdk.getMicrophoneVolume();
+  handlePullFlow({ streamId: 'xxx_420200091_BBBBB_1', userId: 'BBBBB' });
+  console.warn('[跨房间拉流(pullxxx_420200091_BBBBB_1)]');
+});
+// 停拉(420200091)
+$container.append('<button id="stopxxx_420200091_BBBBB_1" type="button" class="btn btn-primary">停拉(xxx_420200091_BBBBB_1)</button>');
+$('#stopxxx_420200091_BBBBB_1').click(async () => {
+  // const result = await zbztsdk.getMicrophoneVolume();
+  handleStopPullFlow({ streamId: 'xxx_420200091_BBBBB_1', userId: 'BBBBB', roomId: '420200091' });
+  console.warn('[停拉(xxx_420200091_BBBBB_1)]');
+});
+// 开启屏幕共享
+$container.append('<br><button id="startScreen" type="button" class="btn btn-primary">开启屏幕共享</button>');
+$('#local-player').append('<div id="screen-player"></div>');
+$('#startScreen').click(async () => {
+  const result = await zbztsdk.startPushFlow('2023_90002024_189504_106971200_1', 1);
+  console.warn('[开启屏幕共享]');
+});
+

package/example/style.css

@@ -0,0 +1,25 @@
+* { padding: 0; margin: 0; box-sizing: border-box; }
+html, body, .container {
+    height: 100%;
+    width: 100%;
+}
+header {
+    height: 64px;
+    background-color: #ccc;
+    position: relative;
+    z-index: 1;
+}
+main {
+    height: 100%;
+    margin-top: -64px;
+    padding-top: 64px;
+    background-color: #eee;
+    display: flex;
+}
+.tool {
+    width: 30px;
+    background-color: #ddd;
+}
+.rtc {
+    width: 360px;
+}

package/example/test.html

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>1v1 测试</title>
+    <script type="text/javascript" src="https://zego-public.oss-cn-shanghai.aliyuncs.com/ZegoExpressWebRTC/ZegoExpressWebRTC-3.1.0.js"></script>
+  </head>
+  <body>
+    <h1>测试房间</h1>
+    <label>
+        <input type="radio" name="paras">roomID:42020009; userID:AAAAA; streamID:3005_42020009_AAAAA_1
+    </label>
+    <br>
+    <label>
+        <input type="radio" name="paras">roomID:420200091; userID:BBBBB; streamID:xxx_420200091_BBBBB_1
+    </label>
+    <br>
+    <label>
+        <input type="radio" name="paras">roomID:90002024; userID:CCCCC; streamID:3005_90002024_CCCCC_1
+    </label>
+    <br>
+    <input placeholder="Enter userId">
+    <input placeholder="Enter roomId">
+    <input placeholder="Enter streamId">
+    <button>登录</button>
+    <button>推流</button>
+    <div style="display: flex">
+      <video id="localView" autoplay muted playsinline controls></video>
+    </div>
+  </body>
+  <script>
+    let userID;
+    let userName;
+    let roomID;
+    let streamID;
+    //初始化信息
+    let appID = 1739272706;
+    let server = 'wss://webliveroom-test.zego.im/ws';
+    // 初始化实例
+    const zg = new ZegoExpressEngine(appID, server);
+    zg.setDebugVerbose(false);
+    zg.setLogConfig({ logLevel: 'disable' });
+
+    const params = [
+      { roomID: 42020009, userID: 'AAAAA', streamID: '3005_42020009_AAAAA_1' },
+      { roomID: 420200091, userID: 'BBBBB', streamID: 'xxx_420200091_BBBBB_1' },
+      { roomID: 90002024, userID: 'CCCCC', streamID: '3005_90002024_CCCCC_1' }
+    ];
+    document.querySelectorAll('label').forEach((label, index)=> {
+        (function(index) {
+            label.addEventListener('click', ()=> {
+                document.querySelectorAll('input')[3].value = params[index].userID;
+                document.querySelectorAll('input')[4].value = params[index].roomID;
+                document.querySelectorAll('input')[5].value = params[index].streamID;
+            })
+        })(index);
+    })
+
+    // 登录
+    document.querySelector('button').addEventListener('click', ()=> {
+      userID = document.querySelectorAll('input')[3].value;
+      roomID = document.querySelectorAll('input')[4].value;
+      streamID = document.querySelectorAll('input')[5].value;
+      userName = userID;
+      // 加入房间
+      fetch(`https://wsliveroom-alpha.zego.im:8282/token?app_id=${appID}&id_name=${userID}`)
+        .then(rsp=> rsp.text())
+        .then(token=> {
+            console.warn('[登录]', roomID, userID, userName );
+            zg.loginRoom(roomID, token, { userID, userName }, { userUpdate: true })
+        });
+    });
+
+    // 推流
+    document.querySelectorAll('button')[1].addEventListener('click', async ()=> {
+      const localStream = await zg.createStream({ camera:{ audio: true, video: true, } });
+      const localVideo = document.getElementById('localView');
+      localVideo.srcObject = localStream;
+      zg.startPublishingStream(streamID, localStream);
+    });
+
+    zg.on('roomStreamUpdate', async (roomID, updateType, streamList, extendedData) => {
+        console.error(roomID, updateType, streamList, extendedData);
+        if (updateType == 'ADD') {
+            const streamID = streamList[0].streamID;
+            const remoteStream = await zg.startPlayingStream(streamID);
+            const $video = document.createElement('video');
+            $video.id = streamID;
+            $video.setAttribute('autoplay', 'true');
+            $video.setAttribute('muted', 'true');
+            $video.setAttribute('playsinline', 'true');
+            $video.setAttribute('controls', 'true');
+            document.querySelector('div').appendChild($video);
+            $video.srcObject = remoteStream;
+        } else if (updateType == 'DELETE') {
+            const streamID = streamList[0].streamID;
+            zg.stopPlayingStream(streamID)
+        }
+    });
+  </script>
+</html>

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "zbzt-live-sdk",
+  "version": "0.0.2",
+  "main": "dist/zbzt-live-sdk.cjs.js",
+  "module": "dist/zbzt-live-sdk.esm.js",
+  "browsers": "dist/zbzt-live-sdk.umd.js",
+  "scripts": {
+    "release": "node ./release.js",
+    "start": "cross-env NODE_ENV=development npx rollup -w -c",
+    "build": "cross-env NODE_ENV=development npx rollup -c",
+    "build:dev": "cross-env NODE_ENV=development npx rollup -c",
+    "build:pro": "cross-env NODE_ENV=production npx rollup -c",
+    "prebuild": "cross-env NODE_ENV=development npm run release",
+    "lint:js": "# 检查 js \n  eslint ./src/**/*.js && eslint ./src/*.js"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "npm run lint:js"
+    }
+  },
+  "author": "lanlonggang@tal.com",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/core": "^7.2.2",
+    "@babel/plugin-transform-runtime": "^7.23.7",
+    "@babel/preset-env": "^7.2.3",
+    "@babel/runtime": "^7.23.8",
+    "cross-env": "^5.2.0",
+    "express": "^4.18.2",
+    "http-proxy-middleware": "^2.0.6",
+    "rollup": "^1.1.0",
+    "rollup-plugin-babel": "^4.0.3",
+    "rollup-plugin-commonjs": "^9.1.6",
+    "rollup-plugin-eslint": "^5.0.0",
+    "rollup-plugin-json": "^3.0.0",
+    "rollup-plugin-node-resolve": "^3.4.0",
+    "rollup-plugin-replace": "^2.0.0",
+    "rollup-plugin-uglify-es": "0.0.1",
+    "rollup-pluginutils": "^2.3.1",
+    "standard-version": "^4.4.0"
+  },
+  "dependencies": {
+    "axios": "^0.18.1",
+    "debug": "^3.1.0",
+    "md5": "^2.2.1",
+    "omnirtc-web": "^0.0.19",
+    "pako": "^1.0.11",
+    "pomelo-protobuf": "^0.4.0",
+    "pomelo-protocol": "^0.1.6",
+    "qs": "^6.9.4",
+    "socket.io": "^2.1.1",
+    "zego-express-engine-webrtc": "^3.1.3"
+  },
+  "description": "This is a live SDK.",
+  "keywords": [
+    "zbzt-live-sdk",
+    "tal",
+    "online-class"
+  ]
+}

package/release.js

@@ -0,0 +1,33 @@
+const standardVersion = require('standard-version');
+// const pkg = require('./package.json');
+
+// function getDate() {
+//   const date = new Date().toLocaleDateString('zh-CN');
+//   return date.split('/').map((item) => item.padStart(2, '0')).join('');
+// }
+
+const isDevelopment = process.env.NODE_ENV === 'development';
+// const date = getDate();
+// let version = `1.0.49-beta-${date}`;
+// if (version === pkg.version) {
+//   version = `${version}-1`;
+// } else if (version.length < pkg.version.length) {
+//   const last = pkg.version.split('-').pop();
+//   version = `${version}-${Number(last) + 1}`;
+// }
+
+standardVersion({
+  noVerify: true,
+  infile: 'CHANGELOG.md',
+  silent: true,
+  skip: {
+    changelog: isDevelopment,
+    tag: isDevelopment,
+    commit: isDevelopment,
+  }
+}).then(async () => {
+  process.exit(0);
+}).catch(async (err) => {
+  console.error(err);
+  process.exit(1);
+});

package/rollup-plugin-http.js

@@ -0,0 +1,49 @@
+const http = require('http');
+const express = require('express');
+const { createProxyMiddleware, fixRequestBody } = require('http-proxy-middleware');
+
+const app = express();
+
+app.use('/saas', createProxyMiddleware({
+  target: 'https://test-api-cloud-control-zhibo.saasp.vdyoo.com',
+  changeOrigin: true,
+  pathRewrite: {
+    '^/saas': '/',
+  },
+}));
+app.use('/peiyou', createProxyMiddleware({
+  target: 'https://test-api-cloud-control-zhibo.speiyou.com',
+  changeOrigin: true,
+  pathRewrite: {
+    '^/peiyou': '/',
+  },
+}));
+
+app.use(express.static('dist'));
+app.use(express.static('example'));
+
+const server = http.createServer(app);
+server.on('error', err => {
+  if (err.code === 'EADDRINUSE') {
+    server.listen(++err.port);
+  } else {
+    console.log(err.code);
+  }
+});
+
+server.on('listening', () => {
+  console.log(
+    `\r\nListening: http://localhost:${server.address().port}\r\n`
+  );
+});
+
+module.exports = function serverPlugin(options) {
+  return {
+    name: 'server', // this name will show up in warnings and errors
+    buildStart: function(rollupOptions) {
+      if (this.watcher && !server.listening) {
+        server.listen(options.port);
+      }
+    },
+  };
+};

package/src/channel/getSendMsgParams.js

@@ -0,0 +1,66 @@
+import util from '../util/util';
+
+function getParams(baseInfo) {
+  const {userId, target, userName, role, roomId, institutionId} = baseInfo;
+  return {
+    appId: institutionId,
+    actorId: userId,
+    actorName: userName,
+    actorType: role,
+    roomId,
+    streamUrl: util.getStreamId(baseInfo),
+    streamService: window.zbztAVSDK_init_sdk_type,
+    version: 1,
+    target
+  };
+};
+
+export default {
+  sendJoinAck(baseInfo) {
+    const data = {
+      'api':'joinAck',
+      ...getParams(baseInfo)
+    };
+    //无target代表广播消息，target代表有定向发送消息
+    return data;
+  },
+  sendAddStream(baseInfo) {
+    const data = {
+      'api': 'addStream',
+      'playMode': '2', //播放流的模式，1全屏播放，2在其视频区正常播放3.只播放音频不播放视频
+      ...getParams(baseInfo)
+    };
+    return data;
+  },
+  sendUpdateStreamDeviceStatus(baseInfo) {
+    const {deviceType, deviceStatus} = baseInfo;
+    const data ={
+      'api':'updateStreamDeviceStatus',
+      'streamType': deviceType, // string 流设备对应类型：1：视频 2：音频 3：音视频 4：截屏 5：截屏+视频 6：截屏+音频
+      'status': deviceStatus,   // string 流设备状态 1开启 2关闭 3未找到
+      ...getParams(baseInfo)
+    };
+    return data;
+  },
+  sendRemoveStream(baseInfo) {
+    let data = {
+      'api':'removeStream',
+      ...getParams(baseInfo)
+    };
+    return data;
+  },
+  sendJoin(baseInfo) {
+    const data = {
+      'api':'join',
+      ...getParams(baseInfo)
+    };
+    return data;
+  },
+  sendLeave(baseInfo) {
+    const data = {
+      'api':'leave',
+      ...getParams(baseInfo)
+    };
+    return data;
+  }
+};