tingwu-meeting-sdk
阿里巴巴达摩院语音实验室听悟会议插件
安装
npm install tingwu-meeting-sdk -STingwuMeetingClient
参数
| 参数 | 说明 | 类型 |
|---|---|---|
| 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;