图文直播功能(互动功能接收端JS-SDK)

news2024/10/6 16:17:12

图文直播

功能概述

图文直播,即用直播画面与说明文字的形式,以时间轴方式完整详细地记录整场活动/课堂。
当用户错过直播的开始时间,中途进入直播,可通过图文直播的记录对错过的直播进行回顾了解,实现直播信息的有效传达/在线教学质量的提高。

图文直播--效果截图

 

功能亮点:提供将讲师语音转文本,支持普通话和英语

适用场景:投顾培训场景,讲师正常直播,图文编辑员需要把讲师的讲课内容做图文直播

本模块主要用于接收后台的图文消息新增、编辑、删除和置顶等操作。

初始化及销毁

在实例化该模块并进行使用之前,需要对SDK进行初始化配置,详细见参考文档。

在线文件引入方式

// script 标签引入,根据版本号引入JS版本。
<script src="https://websdk.videocc.net/interactions-receive-sdk/0.14.5/lib/polyv-ir.umd.js"></script>

<script>
    const { Tuwen } = window.PolyvIRSDK;
</script>

import 方式引入(推荐)

import { Tuwen } from '@polyv/interactions-receive-sdk';
const tuwenSdk = new Tuwen();

 使用流程

监听新增一条图文消息

tuwenSdk.on(tuwenSdk.events.CREATE, (msg)) => { console.log('插入新消息' msg.data); })

监听更新某个图文消息

tuwenSdk.on(tuwenSdk.events.UPDATE, (msg)) => { console.log('更新消息' msg.data); })

监听编辑置顶某个图文消息

tuwenSdk.on(tuwenSdk.events.EDIT_STICKY, (msg)) => { console.log('编辑置顶消息' msg.data); })

监听删除某个图文消息

tuwenSdk.on(tuwenSdk.events.DELETE, (msg)) => { console.log('删除消息' msg.data); })

监听设置用户信息

tuwenSdk.on(tuwenSdk.events.SET_USER_INFO, (msg)) => { console.log('设置用户信息' msg.data); })

获取图文消息列表

// 数据起始ID, startId为空则表示初始化数据,默认请求前十条数据 tuwenSdk.getTuwenInfo(startId);

 我的文章推荐:

  • [视频+图文] 线上研讨会是什么,企业对内对外培训可以用线上研讨会吗?
  • [图文] 企业直播对网络带宽有什么要求?
  • [图文]OBS如何实现毫秒级超低延时直播
  • 直播播放器API(播放器调用方法、参数、接口和事件)
  • 企业内训课程视频加密防下载是如何做的?10种思路
  • 超低延迟/无延迟直播(PRTC Web SDK移动端)兼容性说明
  • html5视频播放器代码调用实例(视频切换\倍速切换)
  • 企业直播要如何做?硬件设备、网络环境有哪些要求?
  • 企业内训课程视频加密防下载是如何做的?10种思路

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/617867.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【SpringBoot】SpringBoot Controller接收参数的常用方式

在Controller中加入RestController&#xff0c;效果等于Controller ResponseBody。 1 请求路径参数 直接把表单里面的参数写进 Controller 相应方法的形参中去&#xff0c;这个获取参数的方法适合get提交&#xff0c;而不适合post提交。 PathVariable获取(这个当然不分get和…

Flask学习笔记(1)创建RESTful API

从本文起&#xff0c;笔者将会更新一系列Flask学习笔记。   本文将会讲述在Flask中如何创建RESTful API。在此之前&#xff0c;我们有必要了解下什么是RESTful架构。 RESTful架构 RESTful架构自从2000年被Roy Feilding提出后就受到广泛关注&#xff0c;并被成功地应用于成千…

美国同事的那些离职类型

这次公司的裁员是教科书基本的真的是没错。 但是美国同事的心态和离职类型也让人打开眼界。 后来在公司同事建立的被裁群中才了解到&#xff0c;PM 组也是重灾区&#xff0c;也超过了 50%&#xff0c;不少在公司工作超过 5 年的 PM 都被毫不留情的裁掉了。 就算这次勉勉强强被…

怎么实现常用网络接口自动化测试框架应用?

一、RESTful&#xff08;resource representational state transfer)类型接口测试 (一&#xff09;GUI界面测试工具&#xff1a;jmeter 1、添加线程组 2、添加http请求 3、为线程组添加察看结果树 4、写入接口参数并运行 5、在查看结果树窗口查看结果 6、多组数据可增加CSVDat…

达梦主备守护集群介绍

DM数据守护一主一备或一主多备是一种集成化的高可用、高性能数据库解决方案&#xff0c;是数据库异地容灾的首选方案。通过部署 DM 数据守护&#xff0c;可以在硬件故障&#xff08;如磁盘损坏&#xff09;、自然灾害&#xff08;地震、火灾&#xff09;等极端情况下&#xff0…

javaScript蓝桥杯----收集帛书碎⽚

目录 一、介绍二、准备三、目标四、代码五、完成 一、介绍 三叔在外出考古途中⽆意发现了⼀份战国帛书&#xff0c;帛书边缘有被明显裁剪过的痕迹&#xff0c;单从帛书⽚段&#xff0c;提到记录了神秘⽂物的地点&#xff0c;⽆奈帛书不完整&#xff0c;为了早⽇将⽂物带回博物…

chatgpt赋能python:PythonGUI入门指南:如何安装各种GUI工具包

Python GUI入门指南&#xff1a;如何安装各种GUI工具包 如果你是一名Python开发人员&#xff0c;那么你肯定知道GUI是不可或缺的。它是让用户和程序之间进行交互的一种方法。在Python中&#xff0c;有很多GUI工具包可以选择。但是&#xff0c;安装它们可能会让人感到困惑。在这…

短视频矩阵系统源码

短视频矩阵源码是一种基于短视频技术开发的软件源代码&#xff0c;它包含了短视频录制、编辑、发布以及播放等模块的实现。该源码可以为开发者提供一个快速搭建短视频应用的基础架构&#xff0c;帮助开发者节省大量的时间和精力&#xff0c;同时提高了应用的开发效率和质量。通…

PCL 三角插值

文章目录 一、简介二、实现代码三、实现效果参考资料一、简介 地理信息中经常会用到三角插值这种方式来获取指定位置的高程值。其原理如下所述: 假设有一个三角形是这样的: 此外,假设每个顶点(角)都有某种关联值。例如:假设每个顶点都有一个相关联的颜色(或高程值等)。这个…

ubuntu16+nvidia驱动+cuda+an +pytorch安装

一、ubuntu16.04 通过镜像安装 二、nvidia驱动 1、 命令行输入 ubuntu-drivers devices 会出现可以安装以及推荐的驱动&#xff0c;后面带recommended就是推荐的版本 2、安装 驱动 sudo apt-get install nvidia-465 3、不过我安装的是384的版本&#xff0c;安装好后输入 nvid…

【JavaSE】Java(五十二):核心要点总结

文章目录 1. java中普通类和抽象类有哪些区别2. 接口和抽象类有什么区别3. java中的IO流分为几种4. BIO、NIO、AIO 有谁没区别5. Files 的常用方法有哪些 1. java中普通类和抽象类有哪些区别 Java中普通类&#xff08;也就是非抽象类&#xff09;和抽象类有以下几个区别&#x…

chatgpt赋能python:Python如何算圆的面积

Python如何算圆的面积 在数学中&#xff0c;一个圆的面积通过以下公式计算&#xff1a;S πr&#xff0c;其中S是圆的面积&#xff0c;r是圆的半径&#xff0c;π是一个常数&#xff0c;约等于3.14。 Python是一种用于编写高级程序的解释型编程语言。作为一种动态语言&#…

chatgpt赋能python:Python如何自动换行

Python如何自动换行 在Python编程中&#xff0c;有时候我们需要输出很长的文本或字符串&#xff0c;这时候就需要自动换行的功能。本文将介绍Python中实现自动换行的几种方法。 方法一&#xff1a;使用字符拼接 在Python中&#xff0c;我们可以使用"“来拼接字符串。如…

chatgpt赋能python:Python如何更改目录

Python如何更改目录 介绍 Python作为一门通用编程语言&#xff0c;提供了许多用于操作计算机文件系统的方法&#xff0c;其中就包括更改目录的方法。更改目录可以让我们在不离开当前脚本的情况下&#xff0c;改变当前脚本操作文件的位置&#xff0c;使我们更容易管理和访问所…

Leetcode刷题笔记--Hot01-10

1--两数之和 讲解参考&#xff1a;LeetCode 最热门 100 题 主要思路&#xff1a; 对数组进行从小到大的排序&#xff0c;使用两个指针指向第一个元素和最后一个元素&#xff0c;即左指针指向第一个元素A[l]&#xff0c;右指针指向最后一个元素A[R]&#xff1b; 判断两个指针当前…

Threejs进阶之十七:Threejs中的Path、Shape和ShapeGeometry类

在实际的应用中&#xff0c;有时候需要我们根据一个二维图形拉伸为三维图形的情况&#xff0c;这就需要我们对Threejs中提供的二维图形相关的类有一个深入的了解&#xff0c;这一节我们就深入的聊一聊Threejs中的Path、Shape和ShapeGeometry类 目录 Path类构造函数常用属性常用…

chatgpt赋能python:Python字符串跨行:如何在代码中处理长字符串

Python字符串跨行&#xff1a;如何在代码中处理长字符串 当你编写Python代码时&#xff0c;可能会遇到需要编写很长的字符串的情况。例如&#xff0c;你可能需要将一大段文本或HTML代码嵌入到Python程序中。在这种情况下&#xff0c;你需要学会如何将长字符串跨行编写&#xf…

[chatGPT攻略] 如何检测文本内容是否由ChatGPT生成 ?

[chatGPT攻略] 如何检测文本内容是否由ChatGPT生成 ? 在 ChatGPT 爆火的两个月内&#xff0c;学生就已经自发用这种工具做作业、写论文偷懒&#xff0c;编剧会用它编故事试试出乎人意料的故事走向&#xff0c;文案编辑用它来给自己打工。 在用工具给自己省事这件事上&#xf…

无条件抽奖和条件抽奖(互动功能发起端JS-SDK)

无条件抽奖功能概述 允许开始前对抽奖进行奖品、中奖人数、中奖人员等设置&#xff0c;完成设置后可以开始抽奖。 本功能只支持讲师、嘉宾、助教、管理员这四种角色进行抽奖的发起和停止。支持自定义设置中奖用户信息采集字段。支持设置预设中奖用户。支持设置定时开奖可查看…

论文翻译——Test Selection for Deep Learning Systems

文章目录 AbstractIntroductionRelated work&#xff08;这部分没有翻译完全&#xff0c;我主要是用来做课程回报的&#xff0c;后面的实验就够讲了&#xff0c;这里就不讲了&#xff09;3 Motivation and Problem Definition4 Test Selection MetricsMetrics Derived from the…