JS SDK集成

使用微吼云JS SDK,只需简单几步,就能快速上传视频。

跟随本文的步骤,即使你对Javascript语言不熟悉,也完全可以做到。

其中,一、二步为准备工作,第三步为代码接入,下面,就分步来说明。

一.上传准备

  1. 注册微吼开发者账号

  2. 创建应用 获取AppID

  3. 创建直播间 获取roomId 测试工具获取API获取

  4. 获取直播间 access_token 测试工具获取API获取

二.引入sdk文件

接下来,我们正式接入sdk: 将下面sdk引入代码,插入页面的head标签里。

<script src="http://cnstatic01.e.vhall.com/3rdlibs/jquery/1.11.2/jquery.min.js" type="text/javascript"></script><!--依赖的JQuery库-->
<script src="https://static.vhallyun.com/demand-upload-jssdk-vhallcloud/dist/1.0.0/vhallDemandSDK-vhallcloud.js"></script>

注意:

  1. 直接用本地网页(file协议,地址栏以file:///开头)是调试不了的,需要运行在Server上(https或http协议,地址栏以https:// 或http:// 开头)才能正常调试。
  1. 上面两个文件都需要引用,而且顺序需要保持与上面一致。
  2. 建议直接复制上面代码

三.代码对接

至此,你已完成所有观看点播上传的准备工作,距离完成,只差以下4步:

1.页面创建相关容器

在需要web上传的页面位置加入如下dom结构作为容器,也就是放几个页面元素,然后给每个对应的元素起个名字,示例代码如下:

	<input type="file" id="upload"/> <!--文件上传域 -->
	<input type="text" id='rename'> <!--用于承载文件名称的input 可用于修改上传文件标题 若用不到可设置为隐藏 -->
	<button id="confirm" class="saveBtn">保存</button>  <!--上传成功后用于保存文件的按钮 -->