@jp-web/ts-sdk
Version:
视频客服，视频会议Web端及微信小程序端SDK
69 lines (68 loc) • 3.34 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="videoJs/video-js.min.css" rel="stylesheet">
<script src="./config.js"></script>
<script src="videoJs/video.min.js"></script>
<script src="videoJs/videojs-flash.min.js"></script>
<script>
videojs.options.flash.swf = "https://vjs.zencdn.net/swf/5.4.2/video-js.swf";
</script>
<script src="juphoon-sdk.we-chat.conference.debug.js?98ae0da4806cdfdd0f35"></script></head>
<body>
<fieldset>
<legend>操作</legend>
<div style="width: calc(100% - 330px);display: inline-block;">
<label for="environment-address" title="服务环境">服务环境</label>
<input id="environment-address" type="text"/>
<button onclick="window.open(document.getElementById('environment-address').value, '_blank')" title="信任地址">信任地址
</button>
<br>
<label for="appKey" title="appKey">appKey</label>
<input id="appKey" type="text" value="ff306788549f316527bf5093"/>
<br>
<!-- <label for="room-member-count">房间成员个数</label>-->
<!-- <input id="room-member-count" type="number" title="房间成员个数" value="2">-->
<!-- <label for="room-count">房间个数</label>-->
<!-- <input id="room-count" type="number" title="房间个数" value="1">-->
<label for="client-account">创建client的个数</label>
<input type="number" id="client-account" title="创建client个数" value="1" min="1">
<label for="origin-room-number">请输入初始房间号</label>
<input type="number" id="origin-room-number" title="初始房间号" value="123">
<label for="count-down">设置倒计时时间</label>
<input type="number" id="count-down" title="倒计时时间" value="60" min="5">
<button onclick="getToken()" title="获取token">创建client</button>
<button onclick="clearInfo()">清空数据</button>
</div>
<div style="float:right;border: 1px solid #666666;padding: 10px 10px;border-radius: 4px;display: inline-block;">
<input id="video-address-input" type="text" placeholder="请输入视频地址" style="width: calc(100% - 60px)" value="//vjs.zencdn.net/v/oceans.mp4"/>
<button id="set-video-address" onclick="setVideoAddress()">确定</button>
<video id="my-player"
class="video-js vjs-default-skin vjs-big-play-centered"
controls
autoplay
preload="auto"
style="margin-top: 10px;">
<source id="video-source" src="" type="rtmp/flv"/>
<p class="vjs-no-js">不支持播放</p>
</video>
</div>
</fieldset>
<fieldset style="font-size: 12px;">
<legend style="font-size: 14px;">创建的client列表</legend>
<div style="max-height: 480px; overflow: auto; font-size: 14px;">
<ul id="client-list" style="list-style: none;padding-left: 0;font-size: 12px;"></ul>
</div>
</fieldset>
<fieldset>
<div>
<button disabled id="all-join-con" onclick="allJoinConference()">全部加入会议</button>
<button disabled id="all-leave-con" onclick="allLeaveConference()">全部离开会议</button>
<button disabled id="all-stop-con" onclick="allStopConference()">全部结束会议</button>
</div>
</fieldset>
</body>
</html>
<script type="text/javascript" src="index.js"></script>