@polyv/chat-image-upload-sdk-ui-default
v0.2.0-rc.1
Published
Default UI components to chat image upload
Downloads
2
Readme
保利威聊天室图片上传 SDK
功能概述
本项目是保利威直播聊天室图片上传的逻辑层 SDK。开发人员可以使用本 SDK 接入聊天室图片上传功能,或者基于本 SDK 定制开发图片上传界面。
使用
安装
npm i -S @polyv/chat-image-upload-sdk @polyv/chat-image-upload-sdk-ui-default
引入
在线文件引入方式
// 根据版本号引入JS版本。
<script src="https://websdk.videocc.net/chat-image-upload-sdk/x.x.x/lib/polyv-chat-image-upload.umd.js"></script>
<script>
const { PolyvChatImageUpload } = window.PolyvChatImageUpload;
</script>
引入 SDK 与组件
import { ChatImageUpload } from '@polyv/chat-image-upload-sdk';
// 按需引入组件
import Upload from '@polyv/chat-image-upload-sdk-ui-default/lib/Upload';
初始化
<Upload :uploadCtx="uploadCtx"/>
const uploadCtx = new ChatImageUpload({
channelId,
source: 'watch',
onChange: (chatImage) => {
// 此方法会返回上传的状态,可以根据返回的状态进行业务调整
console.log(chatImage.status);
}
});