tingwu-meeting-sdk

阿里巴巴达摩院语音实验室听悟会议插件

安装

npm install tingwu-meeting-sdk -S

TingwuMeetingClient

参数

| 参数 | 说明 | 类型 | | ------ | ------------------------------ | ------ | | server | 会议转写内容实时通信服务地址。 | string |

LivePlugin

听悟会议转写直播 UI 插件

参数

| 参数 | 说明 | 类型 | 默认 | | ----------------------- | ------------------------------ | ------------- | ---- | | showHeader | 时候显示插件自带的头部 | boolean | true | | onClose | 点击头部右上角关闭按钮时的回调 | ()=>void | null | | tingwuMeetingUrl | "整理纪要"按钮的跳转地址 | string | '' | | onOpenTingwuMeeting | "整理纪要"按钮的点击事件 | ()=>void | null | | showTingwuMeetingButton | 是否显示“会议纪要”按钮 | boolean | true | | bodyStyle | 内容区自定义样式 | CSSProperties | null | | paragraphNameStyle | 段落区用户名样式 | CSSProperties | null | | paragraphTimeStyle | 段落区时间样式 | CSSProperties | null | | paragraphContentStyle | 段落区内容样式 | CSSProperties | null |

注: onOpenTingwuMeeting 优先级高于 tinwuMeetingUrl，tingwuMeetingUrl 适用于浏览器环境，直接点击直接跳转，onOpenTingwuMeeting 适用于 Electron 环境，需要依赖端 api 进行网页跳转。

使用

import React from 'react';
import TingwuMeetingClient from 'tingwu-meeting-sdk';

interface IProps {}

interface IState {}

class TinwuMeetingSdkTest extends React.Component<IProps, IState> {
  tingwuMeetingSdk: TingwuMeetingClient;

  constructor(props: IProps) {
    super(props);
    this.tingwuMeetingSdk = new TingwuMeetingClient({
      server: '',
    });
  }

  render() {
    const { LivePlugin } = this.tingwuMeetingSdk;
    return (
      <div
        style={{
          width: 310,
          height: 1000,
          margin: '0 auto',
          border: '1px solid gray',
        }}
      >
        <LivePlugin
          showHeader
          onClose={() => {
            console.log('onClose');
          }}
          tingwuMeetingUrl=""
          onOpenTingwuMeeting={() => {
            console.log('onOpenTingwuMeeting');
          }}
        />
      </div>
    );
  }
}

export default TinwuMeetingSdkTest;