<div class="RichTextEditor_editor__2R-rS markdown-editor am-engine" data-element="root"><h1 id="hd232a38-2dOCb9L2" data-id="hd232a38-2dOCb9L2">字幕</h1><h2 id="h7a42537-SqLNselw" data-id="h7a42537-SqLNselw">功能说明</h2><p data-id="pd157317-SeTDS30D">在会议过程中，某些情况下主持人需要向参会者发送通知消息，通知消息需要以一定的样式显示到会议界面上以便参会者知晓。</p><p data-id="pd157317-buTiDs2a">平台封装了小鱼易连产品字幕消息功能，结合服务端 API 及终端 SDK 可实现字幕消息整体流程，通过服务端 API 可实现发送字幕消息功能，同时平台通过事件回调方式通知终端，终端可根据通知消息中指定的消息内容及样式进行展示。</p><h2 id="h7a42537-cDk4yWlD" data-id="h7a42537-cDk4yWlD">实现方法</h2><p data-id="pd157317-oiVcPDRu">通过监听 ​<a target="_self" href="/common/meeting/api/client_v2?platform=web#h0613ccc-HXOdyi2q" style="font-size: inherit; padding: 0px 2px; line-height: inherit; overflow-wrap: break-word; text-indent: 0px;">​sub-title​</a>​ 回调事件，可以获取会控字幕消息。</p><p data-id="pd157317-3d3IzrDL">我们在 react/vue 组件中都提供了  组件，用来快速集成展示字幕信息，详情请参见​<a target="_blank" href="https://github.com/xylink-com/xylink-rtc-demo" style="font-size: inherit; line-height: inherit; overflow-wrap: break-word; padding: 0px 2px; text-indent: 0px;">​示例程序Demo​</a>​。</p><h2 data-id="hc9b0489-70Gg8fmS" id="hc9b0489-70Gg8fmS">示例代码</h2><div data-id="d969962d-8LIVN07Z" data-card-editable="false" data-syntax="typescript"><div class="data-codeblock-content" style="border: 1px solid rgb(232, 232, 232); max-width: 750px; color: rgb(38, 38, 38); margin: 0px; padding: 0px; background: rgb(249, 249, 249);"><div class="CodeMirror" style="color: rgb(89, 89, 89); margin: 0px; padding: 16px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);"><pre class="cm-s-default" style="color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);"><span class="cm-comment" style="color: rgb(106, 115, 125); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);">// 字幕、点名消息</span><br><span class="cm-variable" style="color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);">XYRTCClient</span>.<span class="cm-property" style="color: rgb(0, 92, 197); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);">on</span>(<span class="cm-string" style="color: rgb(102, 153, 0); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);">"sub-title"</span>, (<span class="cm-def" style="color: rgb(0, 92, 197); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);">e</span>: <span class="cm-type" style="color: rgb(34, 134, 58); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);">ISubTitleContent</span>) <span class="cm-operator" style="color: rgb(215, 58, 73); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);">=&gt;</span> {});</pre></div></div></div><p data-id="pd157317-oE8LZrDd">回调参数：​<a target="_self" href="/common/meeting/api/interface?platform=web#h9cc8701-MpKjGJIc" style="font-size: inherit; padding: 0px 2px; line-height: inherit; overflow-wrap: break-word; text-indent: 0px;">​ISubTitleContent​</a>​</p><h2 id="h7a42537-aDBpP2yf" data-id="h7a42537-aDBpP2yf">API 参考</h2><ul data-id="ucd67dc5-7bsUso1L"><li data-id="l20de63f-czM6FUlq">​<a href="/common/meeting/api/client_v2?platform=web#h0613ccc-HXOdyi2q" target="_self" style="box-sizing: border-box; color: rgb(56, 118, 255); text-decoration: none; background-color: transparent; outline: none; cursor: pointer; transition: opacity 0.2s ease 0s; touch-action: manipulation; font-size: inherit; line-height: inherit; overflow-wrap: break-word; padding: 0px 2px; text-indent: 0px;">​sub-title​</a>​</li></ul><p data-id="pd157317-2CsjbFwu"><br></p></div>

danmaku

字幕

description

产品概述

version

版本说明

browser_compatible

平台支持

产品简介

ready_work

准备工作

video_call

视频通话

run_demo

快速跑通 DEMO

快速开始

basic_init

初始化

login

call

参会

control

会控事件

stream_v2

拉流及布局

device

设备管理

content

内容共享

basic_inout

出入会通知

speakers

显示发言者

basic_network

网络质量检测

日志及错误调试

基础功能

statistics

数据统计

handsup

举手发言

record

录制

translation

通话字幕

dialog_mode

对话模式

focus_mode

焦点画面

polling_layout

轮询多画面

高级功能

know_issue

已知问题和规避方案

sdk_port_open

端口开放信息

upgrade_to_4

3.x迁移到4.x

upgrade_to_2

1.x迁移到2.x

doc_v1

1.x版本文档（私有云3.9环境）

参考

Android

Windows

macOS

Electron

小程序

硬件终端

服务端

Harmony

音视频SDK

教育场景

培训场景

MeetingKit