一、打开官方网站

https://help.aliyun.com/document_detail/150191.htmlspm=a2c4g.11186623.6.584.6c6243c1zgrpSX#h2–1-1

打开这里

1.有web模板
2. 关于模板的介绍
添加指定id的dom节点:

前端所有资源都是渲染到container这个dom节点中

加载脚本文件
需要把下列脚本加载到html模版中
css:https://g.alicdn.com/InformationPlatform/conference_js/1.1.5/conference.css
js:https://g.alicdn.com/InformationPlatform/conference_js/1.1.5/conference.js
vendorjs:https://g.alicdn.com/InformationPlatform/conference_js/1.1.5/dll/vendor_h.js
langue: https://lang.alicdn.com/mcms/web-conference/0.0.17/web-conference.json
添加参数内容:
需要在window对象下添加对应的pageConfig对象,SDK才能正常运行,添加具体说明
参考参数说明;
如果想自定义很多样式,可以用自己的css把dom样式覆盖;
如果想自定义很多文案,可以自己把https://lang.alicdn.com/mcms/web-conference/0.0.17/web-conference.json下载下来;按照自己想要的文案修改,然后html中加载自己的语言json文件;

二、pageConfig参数sample

  1. meetingRouter
    是否必填:是
    类型:string
    描述:对应部署说明中的路由,这个参数非常重要,通过该参数做前端路由,如果这个参数传的不正确会导致前端路由失败,页面白屏;
    示例:’/alimeeting/web/webvc/videomeeting’
  2. token
    是否必填:是
    类型:string
    描述:连接会控服务wss需要的token,可通过JoinMeeting 接口获取,对应接口返回值中的meetingToken字段;
    示例:’f3ab1a96-f5bf-4655-9ebc-e08ac8e586c3’
    如果传入的token已经过期会展示如下错误页面(可以重刷页面在服务端重新获取新的token赋值给html模版):
  3. wssUrl
    是否必填:是
    类型:string
    描述:会控服务的wss域名,可通过JoinMeeting 接口获取,对应接口返回值中的meetingDomain字段;
    示例:’alimeeting-test-daily’
  4. meetingUUID
    是否必填:是
    类型:string
    描述:会议对应的uuid,可通过 JoinMeeting 接口获取,对应接口返回值中的meetingUUID字段;
    示例:’f3ab1a96-f5bf-4655-9ebc-e08ac8e586c3’
  5. empId
    是否必填:否
    类型:string
    描述:员工工号
    员工:传了该值认为是员工,会以员工身份入会;
    外部人员:不传、传-1、传空字符串,都会以外部人员身份入会;
    示例:
    //员工
    ‘1234564’
    //外部人员
    ‘-1’ or ‘’
  6. memberUuid
    是否必填:否
    类型:string
    描述:唯一标识该成员在会中的id
    员工:通过 JoinMeeting 接口获取,对应接口返回值中的memberUUID字段;
    外部人员:不需要传该字段,前端代码自己生成;
    示例:’f3ab1a96-f5bf-4655-9ebc-e08ac8e586c3’
  7. slsInfo(已废弃,不用再传递)
    是否必填:是
    类型:object
    描述:sls日志接口需要参数,通过 checkMeetingCode 接口获取,对应接口返回值中的slsInfo字段,建议直接把返回的slsInfo字段透传;
    示例:
    {
    “LogServiceEndpoint”: “cn-hang***”,
    “Rroject”: “alimeetin***”,
    “Logstore”: “client_i***”
    }
  8. meetingAppId
    是否必填:是
    类型:string
    描述:用于标识当前的appId,通过JoinMeeting 接口获取,对应接口返回值中的meetingAppId字段;
    示例:’alimeeting-SDK’
  9. videoHeight
    是否必填:否
    类型:number
    默认值:360;
    描述:大流流的高度,设置高分辨率可能造成电脑cpu占用高、耗电快的问题,用户配置完建议做下cpu及耗电相关方面的测试;
  10. videoWidth
    是否必填:否
    类型:number
    默认值:640;
    描述:大流的宽度,设置高分辨率可能造成电脑cpu占用高、耗电快的问题,用户配置完建议做下cpu及耗电相关方面的测试;
  11. minVideoHeight
    是否必填:否
    类型:number
    默认值:180;
    描述:小流分辨率的高度;
  12. minVideoWidth
    是否必填:否
    类型:number
    默认值:320;
    描述:小流分辨率的宽度;
  13. maxBigBitrate
    是否必填:否
    类型:number
    默认值:500000;
    描述:大流最大码率,单位bite;
  14. maxSmallBitrate
    是否必填:否
    类型:number
    默认值:125000;
    描述:小流流最大码率,单位bite;
  15. videoFrameRate
    是否必填:否
    类型:number
    默认值:16;
    描述:视频帧率;

云视频会议 php sdk 地址:https://github.com/aliyun/openapi-sdk-php/tree/299ffca159934807f11f8ae53a7c1e08d5290ff8

云视频 方法 地址:https://help.aliyun.com/document_detail/166104.html?spm=a2c4g.11186623.6.571.3e1d5c8028wi58

阿里云 云视频会议 web端 部署 步骤(记录)相关推荐

  1. OpenCV-Python实战(22)——使用Keras和Flask在Web端部署图像识别应用

    OpenCV-Python实战(22)--使用Keras和Flask在Web端部署图像识别应用 0. 前言 1. Keras 应用程序 2. 创建 Keras 应用程序的深度学习 REST API 小 ...

  2. 详细的web开发部署步骤(在新版配置环境下的自我总结)(内附精美五子棋游戏代码)

    前几天,我在自学web开发部署的过程中遇到了很多坑.比如新版的JDK lib文件夹(我的版本是16)里面没有ext文件,甚至连rt.jar,tools.jar也没有,这让原本用记事本进行部署的我无法s ...

  3. 融云IM SDK web 端集成 — 表情采坑篇

    公司集成 IM 使用的是融云的 IM SDK,我们有移动端,有 web 端,移动端同事集成表情时还是蛮顺利的貌似移动端 SDK 里就支持,一切都很顺理成章的样子,web 端就有些棘手了.web 端的表 ...

  4. 网络云盘项目——服务端部署、客户端部署、演示运行效果

    一.前言 本项目分为6篇博客文章完成: 1.项目总体介绍:https://blog.csdn.net/qq_41453285/article/details/107871393. 2.Redis部署. ...

  5. 阿里云物联网平台web端,可视化开发,简单实例

    Web可视化 阿里云物联网平台提供了一种可快速开发的web服务,只需要拖入一些控件,做一些配置就可以完成一个简单的物联网web应用,对单一场景,需求简单的项目非常实用. 首先进入物联网平台,打开开发者 ...

  6. Jenkins【环境搭建 01】两种方式+两种环境部署最新版本 Jenkins v2.303.2 WAR包(直接使用 java -jar+使用Tomcat的Web端部署)

    Jenkins的中文用户手册 内容还是比较详细的,有入门+教程+使用手册,就是官网的速度感人

  7. RTMP转HTTP-FLV视频流web端应用流程记录

    文章目录 前言 一.准备 二.使用 1. 下载及安装 2.编译 3.web设置 总结 前言 因为浏览器不再支持Flash插件,且支持的360浏览器很多广告弹窗,而且导师让换,所以决定转化视频格式,这里 ...

  8. 爱奇艺云剪辑Web端的技术实现

    云剪辑是集视频制作.生产.分发等为一体的在线视频制作平台,具备工具及服务两方面能力:工具方面,云剪辑具备全面视频剪辑能力,相比行业中其他在线剪辑工具能力更强大,支持范围包括多轨道音视频合成.音视频素材 ...

  9. 深度学习Web端服务搭建及部署服务器

    本文章的所有代码和相关文章, 仅用于经验技术交流分享,禁止将相关技术应用到不正当途径,滥用技术产生的风险与本人无关. 本文章是自己学习的一些记录. 主要配置信息 前端:html.css.js等 后端: ...

最新文章

  1. Reading-又更新了一些内容【Kotlin+MVP+Retrofit】
  2. (转)linux运行tomcat时JRE_HOME显示不对怎么办?
  3. windows结束线程的三种方式
  4. Django REST framework+Vue 打造生鲜超市(五)
  5. 代码讲解java_主要代码的讲解
  6. webbrowser抓取php网页源码,获取webbrowser控件 网页的源码(收藏)
  7. NHibernate学习笔记(转载):many-to-one/one-to-many/many-to-many关系映射
  8. IOS开发基础之使用AFNetworking框架下载服务器资源图片
  9. 四六级php,详解四六级查询API+网页
  10. Google Analytics 搜索引擎来源
  11. Ubuntu 多版本Cuda(8.0,9.0)以及CuDnn安装
  12. qq动态页面变方格_腾讯QQ音乐9.7.5正式版更新:「歌手主页个人主页」界面全新改版...
  13. mybatis根据日期范围查询,多参数查询
  14. 21个最具代表性的英国著名地标建筑
  15. 使用onlyoffice让你轻松实现word、ppt、excel在线编辑功能
  16. Visual C++ 新增功能(2003 - 2015)
  17. 至多删三个字符 (35分)
  18. 阻塞式IO和非阻塞式IO
  19. Xbox手柄转子马达的控制运用机制原理
  20. 万福之地——和珅恭王府蝙蝠纹样解读…

热门文章

  1. Firefox 浏览器打印页面时不打印页眉和页脚
  2. Evaluating Persistent Memory Range Indexes
  3. wordpress 、supesite、discuz,ngi…
  4. pdf.js使用方法,精简版
  5. 用MATLAB实现信号相关性度量的仿真实验——经验门限下欺骗式干扰鉴别方法
  6. Qt 爬虫 爬取LCSC的器件信息(仅供学习,请勿违法)
  7. Java输入月份输出季节
  8. 2021考研 张 宇 强化班已经开课了
  9. Debug:Nifi Timer-Driven Process异常
  10. 亚马逊算法面试题,帮我指正一下