1 概念说明

直播:直播的视频源是用户实时推送的。因此,用户停止推送后,播放端的画面也会随即停止,而且由于是实时直播,所以播放器在播直播的时候是没有进度条的。

推流:推流,是指将音视频数据采集编码之后,推送到您指定的视频云平台上,这里涉及大量的音视频基础知识,而且需要长时间的打磨和优化才能达到符合预期的效果。

微吼云推流JSSDK 主要帮您解决在web上的推流问题,它的接口非常简单易用,只需要按以下步骤,就能驱动。

2 开发准备

2.1 成为开发者

申请开通微吼云账号,提供用户资料,微吼服务人员在后台为用户开通平台账号,用户也可自行在官网进行账号注册,账号开通后,用户即可登录,成为一名开发者。

2.2 创建应用

登录微吼云平台后,控制台选择应用管理,进入应用管理页面点击创建应用,根据页面提示信息,完成应用创建。应用创建完成,您可以在控制台界面找到在应用管理界面您可以找到 AppID。

2.3 添加服务

应用创建完成后,默认开通直播服务,在直播服务下直播管理的【直播配置】页面查看AppID

2.4 SDK引入

在需要播放视频的页面(包括PC或H5)中引入初始化脚本

<script src="https://static.vhallyun.com/jssdk/vhall-jssdk-live-stream-1.0.0.js"></script>
<script src="https://static.vhallyun.com/jssdk/vhall-jssdk-base-1.0.0.js"></script>

注意:

  1. 直接用本地网页是调试不了的
  2. 上面两个文件都需要引用,而且顺序需要保持与上面一致
  3. 建议直接复制上面代码

2.5 创建推流器对象

在需要web直播推流的页面位置加入推流器容器,也就是放一个div,然后给它取个名字,比如: my-publisher 。之后推流回显画面都会在这个容器里渲染,示例代码如下:

	<div id="my-publisher"></div>

2.6 注册ready事件

Vhall.ready(function(){
    //todo
})

注意: 初始化完成之后,会执行ready回调事件,机制同jQuery ready事件,推流逻辑需要写在此事件里。

2.7 初始化SDK配置

初始化配置:

 Vhall.config({
     appId :'',//应用 ID ,必填
     accountId :'',//第三方用户唯一标识,必填
     token:'',//token必填
 })     

注意: appId获取方式:登陆微吼云>>进应用管理>>取得对应AppId token生成方式:通过API生成,生成accessToken接口说明