更新时间:2020-02-18 15:15
SDK 主要提供两种类型的页面:会中页面、提示页
部署后页面的访问URL:域名+路由+参数(不做限制);
示例url: https://alimeeting.alibaba-inc.com/alimeeting/web/webvc/videomeeting/?code=946235;
部署的html模版示例可参考4.1 html 模版sample
<div id='container'/>
,前端所有资源都是渲染到container这个dom节点中;参数示例可参考4.2 pageConfig 参数sample页面需要所有参数都通过window.pageConfig
对象传递给SDK,所有国际化相关的需求都通过(目前只支持中、英文)下面的结构满足:
{
'en': '***',
'zh-cn': '****'
}
下面是pageConfig的具体说明;
//员工
'1234564'
//外部人员
'-1' or ''
{
"LogServiceEndpoint": "cn-hang***",
"Rroject": "alimeetin***",
"Logstore": "client_i***"
}
所有的跳转链接可以是字符串也可以是对象,对象主要是为了可能存在中、英文下页面不一致的情况;如果中英文跳转的是相同的页面,可以直接使用字符串;以下两种格式都合理:
'https://survey.alibaba.com/apps/zhiliao/1i7UdRcLt';
or
{
'en': 'https://survey.alibaba.com/apps/zhiliao/1i7UdRcLt',
'zh-cn': 'https://survey.alibaba.com/apps/zhiliao/xWe7CNZlZ'
}
页面所有涉及到资源url的参数,都必须使用https或者也不可以不带https的前缀(否则会有安全警告导致资源获取失败),例如:
//带https方式:
'https://img.alicdn.com/tfs/TB1OSGJcrj1gK0jSZFOXXc7GpXa-379-69.svg'
//不带https方式:
'//img.alicdn.com/tfs/TB1OSGJcrj1gK0jSZFOXXc7GpXa-379-69.svg'
所有的文案可以是字符串也可以是对象,对象主要是为了可能存在中、英文下展示的文案不一致的情况;如果中英文下使用的是相同的文案,可以直接使用字符串;以下格式都合理:
'你好';
or
{
'en': 'Hello~~',
'zh-cn': '你好'
}
{
'en': '加入音视频会议',
'zh-cn': 'Join a Video/Voice Conference'
}
{
'en': '输入你的姓名,用于会中显示和交流',
'zh-cn': 'Please enter name for chatting and shown'
}
{
'en': 'Alimeeting(Ongoing)',
'zh-cn': '阿里会议(会议中)'
}
通过pageConfig中添加shareInfo信息进行配置,主要界面说明中的红色数字19中对应的页面元素,不配置区域展示空白:
示例图:
数据示例及参数说明:
{
"title":{ //标题,可以是字符串或者对象,对应UI展示中的19.1部分
"en": "Way 1: Copy to Share",
"zh-cn": "方式一:快速复制分享",
},
"tips":{ //底部说明文字,可以是字符串或者对象,对应UI展示中的19.3部分
"en":"After copied, share with others via Dingding or other IM apps.",
"zh-cn": "复制后,通过钉钉等聊天工具邀请参会人员。"
},
"content":[//对应整个中间的模块,数组对象,每个对象展示一行
{
"title":{ //每项内容的title,可以是字符串或者对象,对应UI展示中的19.2.1部分
"en": "Link",
"zh-cn": "会议链接",
},
"action": "link", //link 为链接形式,新开窗口进行跳转,跳转的地址是actionValue设置的地址
"actionValue":{ //真正跳转的url地址,可以是字符串或者对象,对应UI展示中的19.2.5内容,link真正的文档内容或跳转地址;
"en": "https://www.baidu.com/",
"zh-cn": "https://www.baidu.com/",
},
"actionLabel":{ //给用户展示a标签对应的文字,可以是字符串或者对象,对应UI展示中的19.2.4内容,
"en": "Copy Meeting Link",
"zh-cn": "复制会议链接",
},
},
{
"title":{
"en": "Code",
"zh-cn": "会议口令",
},
"tooltip":{ //对title的补充说明,默认交互是:hover的时候出现对应的提示文字,可以是字符串或对象,对应UI展示中的19.2.2内容
"en": "Used in internal/external app, phone or room",
"zh-cn": "内外部客户端/电话拨号/会议室入会时使用"
},
"action": "copy", //copy 为复制形式,会把actionValue里面的值复制到剪切板
"actionValue":{ //真正复制到剪切板中的内容,可以是字符串或者对象
"en": "334641",
"zh-cn": "334641",
},
"actionText":{ //展示在UI上的值,对应UI展示中的19.2.3内容,可以是字符串或者对象
"en": "334641",
"zh-cn": "334641",
},
"actionLabel":{ //给用户展示a标签对应的文字,可以是字符串或者对象
"en": "Copy",
"zh-cn": "复制",
},
},
{
"title":{
"en": "Guides",
"zh-cn": "入会指南",
},
"tooltip":{},
"action": "copy",
"actionValue":{
"en": "Hello, I'd like to invite you to join an Alibaba video conference.******",
"zh-cn": "你好,邀请你参加阿里音视频会议. *******",
},
"actionLabel":{
"en": "Copy Meeting Details",
"zh-cn": "复制完整信息",
},
}
],
}
通过pageConfig中添加moreInfo信息进行配置,主要界面说明中的红色数字8中对应的页面元素:
{
"language": true
}
示例图:
数据示例及参数说明:
{
"language": true, //是否展示语言切换功能,对应UI展示中的8.1内容
"extra": [ //自定义的cell,cell的默认行为是响应点击事件,新开窗口跳转到新页面
{
"title": { //展示的主文字,可以是字符串或者对象,对应UI展示中的8.2.1内容;
"en": "Launch App to Join",
"zh-cn": "启动客户端入会"
},
"tips": { //展示的说明文字,可以是字符串或者对象,对应UI展示中的8.2.2内容;
"en": "Better experience & advanced features",
"zh-cn": "通话效果更佳,还有高级功能"
},
"link": { //跳转页面的url,可以是字符串或者对象
"en": "https://alimeeting.alibaba-inc.com/alimeeting/web/webvc/alilangpc?uuid=19671198-ce02-4ebc-a86f-143d0879749f",
"zh-cn": "https://alimeeting.alibaba-inc.com/alimeeting/web/webvc/alilangpc?uuid=19671198-ce02-4ebc-a86f-143d0879749f"
}
},
{
"title": {
"en": "Feedback",
"zh-cn": "我要反馈"
},
"link": {
"en": "https://survey.alibaba.com/apps/zhiliao/1i7UdRcLt",
"zh-cn": "https://survey.alibaba.com/apps/zhiliao/xWe7CNZlZ"
}
}
]
}
所有出参,都直接赋值给window对象,用户通过window[key]就能获取到对应的参数值;
<!DOCTYPE html>
<html class="theme-normal">
<head>
<meta charset="utf-8"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="yes" name="apple-touch-fullscreen"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
<title>Teambition Meeting</title>
<link rel="shortcut icon" href="data:image/png;base64,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" type="image/png">
<link href="//g.alicdn.com/InformationPlatform/conference_js/1.1.5/conference.css" rel="stylesheet"/>
<script src="//lang.alicdn.com/mcms/web-conference/0.0.17/web-conference.json"></script>
</head>
<body>
<div id="container"></div>
<script>
window.pageConfig = {"meetingRouter":"/detail","meetingRouterEnter":"/enter","minChromeVersion":70,"companyLogo":{"en":"https://dn-st.teambition.net/meetings/meetings.logo.png","zh-cn":"https://dn-st.teambition.net/meetings/meetings.logo.png"},"meetingLogo":"","downloadUrl":"","startClientUrl":"","unsupportBrowserUrl":false,"unsupportBrowserVersionUrl":false,"invalidMeetingUrl":false,"showChat":false,"showEmailInvite":false,"showSpeakerIcon":true,"showMicroIcon":true,"showCameraIcon":true,"showShowScreenIcon":true,"showClientGuide":false,"moreInfo":{"language":true,"extra":[]},"nickJoinTitle":{"en":"Participant","zh-cn":"加入会议"},"nickJoinPlaceholder":{"en":"Your meeting name","zh-cn":"请输入你的姓名"},"useWs":false,"appTitle":{"en":"Teambition Meetings","zh-cn":"Teambition Meetings"},"token":"5c0af82a-ade3-4ba4-8abc-c19635041ec6","memberUuid":"","wssUrl":"alimeeting-paas-vc-sdk.aliyuncs.com","empId":-1,"meetingUUID":"dd645d27-d785-49e2-b9cb-5058280570a2","meetingAppId":"alimeeting-SDK","slsInfo":{"logServiceEndpoint":"log-global.aliyuncs.com","logstore":"client_info","project":"alimeeting-paas"},"evaluateUrl":"https://tb-meeting-site.aone.alibaba-inc.com/rating?meetingId=dd645d27-d785-49e2-b9cb-5058280570a2","shareInfo":{"title":{"en":"Share","zh-cn":"快速复制分享"},"tips":{"en":"After copied, share with others and invite them.","zh-cn":"复制后发送给其他人,邀请他们加入。"},"content":[{"title":{"en":"Link","zh-cn":"会议链接"},"tooltip":{},"action":"copy","actionValue":"tb-meeting-site.aone.alibaba-inc.com/detail?code=19423041","actionLabel":{"en":"Copy Meeting Link","zh-cn":"复制会议链接"}},{"title":{"en":"Code","zh-cn":"会议口令"},"tooltip":{"en":"Use Teambition Web or App and enter the Id to join.","zh-cn":"从 Teambition 主页或 App 的全局创建入口进入视频讨论,输入此 ID 即可加入。"},"action":"copy","actionValue":"19423041","actionLabel":{"en":"Copy","zh-cn":"复制"}}]},"appDefaultLang":"zh-cn"}
window.localStorage.setItem('lang', "")
</script>
<script src="//g.alicdn.com/InformationPlatform/conference_js/1.1.5/dll/vendor_h.js"></script>
<script src="//g.alicdn.com/InformationPlatform/conference_js/1.1.5/conference.js"></script>
</body>
</html>
{
"token": "f3ab1a96-f5bf-4655-9ebc-e08ac8e586c3",
"wssUrl": "118.31.181.129",
"meetingRouter": "/test/videomeeting/detail/",
"minChromeVersion": 70,
"memberUuid": "8b916426-d72c-4245-8205-78865ed85852",
"empId": "73662",
"meetingUUID": "dd645d27-d785-49e2-b9cb-5058280570a2",
"downloadUrl": {
"en": "https://alilang.alibaba-inc.com/portal/index.htm",
"zh-cn": "https://alilang.alibaba-inc.com/portal/index.htm"
},
"meetingLogo": {
"en": "https://img.alicdn.com/tfs/TB1g3qFcxD1gK0jSZFsXXbldVXa-481-69.svg",
"zh-cn": "https://img.alicdn.com/tfs/TB1OSGJcrj1gK0jSZFOXXc7GpXa-379-69.svg"
},
"companyLogo": {
"en": "https://img.alicdn.com/tfs/TB10RyIcAL0gK0jSZFAXXcA9pXa-399-69.svg",
"zh-cn": "https://img.alicdn.com/tfs/TB10RyIcAL0gK0jSZFAXXcA9pXa-399-69.svg"
},
"startClientUrl": {
"en": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter",
"zh-cn": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter"
},
"evaluateUrl": {
"en": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter",
"zh-cn": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter"
},
"unsupportBrowserUrl": {
"en": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter",
"zh-cn": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter"
},
"unsupportBrowserVersionUrl": {
"en": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter",
"zh-cn": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter"
},
"invalidMeetingUrl": {
"en": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter",
"zh-cn": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter"
},
"showChat": true,
"showEmailInvite": false,
"showSpeakerIcon": true,
"showMicroIcon": true,
"showCameraIcon": true,
"showShowScreenIcon": true,
"nickJonTitle": {
"en": "多啦A梦ennickJonTitleen",
"zh-cn": "多啦A梦zhnickJonTitlezh"
},
"nickJonPlaceholder": {
"en": "多啦A梦ennickJonTitleen",
"zh-cn": "多啦A梦zhnickJonTitlezh"
},
"shareInfo": {
"title": {
"en": "Way 1: Copy to Share",
"zh-cn": "多啦测试分享内容title"
},
"tips": {
"en": "After copied, share with others via Dingding or other IM apps.",
"zh-cn": "复制后,通过钉钉等聊天工具邀请参会人员。"
},
"content": [
{
"title": {
"en": "Link",
"zh-cn": "会议链接"
},
"tooltip": {},
"action": "copy",
"actionValue": {
"en": "https://****",
"zh-cn": "https://****"
},
"actionLabel": {
"en": "Copy Meeting Link",
"zh-cn": "复制会议链接"
}
},
{
"title": {
"en": "Code",
"zh-cn": "会议口令"
},
"tooltip": {
"en": "Used in internal/external app, phone or room",
"zh-cn": "内外部客户端/电话拨号/会议室入会时使用"
},
"action": "copy",
"actionValue": {
"en": "334641",
"zh-cn": "334641"
},
"actionText": {
"en": "334641",
"zh-cn": "334641"
},
"actionLabel": {
"en": "Copy",
"zh-cn": "复制"
}
},
{
"title": {
"en": "Guides",
"zh-cn": "入会指南"
},
"tooltip": {},
"action": "copy",
"actionValue": {
"en": "Hello, I'd like to invite you to join an Alibaba video conference.******",
"zh-cn": "你好,邀请你参加阿里音视频会议. *******"
},
"actionLabel": {
"en": "Copy Meeting Details",
"zh-cn": "复制完整信息"
}
}
]
},
"moreInfo": {
"language": true,
"extra": [
{
"title": {
"en": "Launch App to Join",
"zh-cn": "启动客户端入会"
},
"tips": {
"en": "Better experience & advanced features",
"zh-cn": "通话效果更佳,还有高级功能"
},
"link": {
"en": "https://alimeeting.alibaba-inc.com/alimeeting/web/webvc/alilangpc?uuid=19671198-ce02-4ebc-a86f-143d0879749f",
"zh-cn": "https://alimeeting.alibaba-inc.com/alimeeting/web/webvc/alilangpc?uuid=19671198-ce02-4ebc-a86f-143d0879749f"
}
},
{
"title": {
"en": "Feedback",
"zh-cn": "我要反馈"
},
"link": {
"en": "https://survey.alibaba.com/apps/zhiliao/1i7UdRcLt",
"zh-cn": "https://survey.alibaba.com/apps/zhiliao/xWe7CNZlZ"
}
}
]
},
}
在文档使用中是否遇到以下问题
更多建议
匿名提交