点播使用流程

setp1: 成为开发者

你需要有一个微云平台的账号,如已有则跳过此步骤, 否则,移步微吼云注册一个账号。

step2: 创建应用

登陆微吼云>>创建应用 得到相应AppId和房间ID(roomId),在初始化时会用到。

step3 添加服务

登陆微吼云如果未添加点播服务,需添加点播服务>>添加点播服务

step3: 页面引入依赖资源

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

  <link rel="stylesheet" href="https://static.vhallyun.com/jssdk/videojs.min.css?v=1.0.0"></script><!--播放器默认样式,需要引用在包含在页面的head标签里-->
  <script src="https://static.vhallyun.com/jssdk/dvideo-plugin.js?v=1.0.0"></script><!--依赖的播放器资源-->

step4: 页面引用SDK文件

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

<link rel="stylesheet" href="https://static.vhallyun.com/jssdk/videojs.min.css?v=1.0.0"></script><!--播放器默认样式,需要引用在包含在页面的head标签里-->
<script src="https://static.vhallyun.com/jssdk/dvideo-plugin.js?v=1.0.0"></script><!--依赖的播放器资源-->
<script src="https://static.vhallyun.com/jssdk/vhall-jssdk-player-1.0.0.js"></script>
<script src="https://static.vhallyun.com/jssdk/vhall-jssdk-base-1.0.0.js"></script>

注意:

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

step5: 页面创建播放器容器

在需要web播放的页面位置加入播放器对象容器,也就是放一个div,然后给它取个名字,比如: my-video 。之后推流回显画面都会在这个容器里渲染,容器的大小控制您可以使用div的属性进行控制,示例代码如下:

	<div id="my-video" style="width:100%; height:450px;"></div>

step6: 注册ready事件

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

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

step7: 初始化SDK配置

初始化配置:

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

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