 |
帮助列表 |
1、声明一个div节点 id自定义
<body> <div id="resbox"></div> <div class="xcConfirm" id="confirmC" style="display: none"> <div class="xc_layer"></div> <div class="popBox"> <p class="xc_title" id="confirm_title">提示信息</p> <div class="txtBox"> <div class="confirm-V"> <div class='input-group'> <label for="">视频名称 : </label> <input type="text" class="video-name"> </div> <div class='input-group'> <label for="">垫片视频地址 : </label> <input type="text" class="video-url"> </div> </div> <div class="confirm-L"> <div class='input-group'> <label for="">类型 : </label>拉流 </div> <div class='input-group'> <label for="">导入视频地址 : </label> <input type="text" class="f-pull-input"> <select name="" id="f-address"> </select> </div> </div> <div class="confirm-T"> <div class='input-group'> <label for="">类型 : </label>推流 </div> <div class='input-group'> <label for="">发布视频地址 : </label> <input type="text" class="f-push-input"> </div> <div class='input-group'> <label>延时发布时长 : </label> <select id="cutTime"> <option value="0" selected>0分钟</option> <option value="600">10分钟</option> <option value="1200">20分钟</option> <option value="1800">30分钟</option> </select> </div> </div> </div> <div class="btnArea"> <div class="btnGroup"> <a class="sgBtn cancle" onclick="$('#confirmC').fadeOut()">取消</a> <a class="sgBtn ok" id="confirmC-sure">确定</a> </div> </div> </div> </div> </body> <script src="https://cdn.aodianyun.com/static/jquery/jquery-1.7.2.min.js"></script> <script src="https://cdn.aodianyun.com/res/v1/js/comment.js"></script> |
2、配置参数
var hostname="http://*.*.lcps.aodianyun.com";（导播台域名） RES.Config ( { id: "resbox", //html主页面父容器id domain: hostname, //导播台域名 示例 http://test.1011.lcps.aodianyun.com 不带端口号 pullfn: pullfn, pushfn: pushfn, addVideo: addVideo } ); |
3.初始化操作
| RES.Init(); |
4.导入视频地址函数
function pullfn() { //导入视频地址函数 $("#confirm_title").text("导入视频"); $.get ( RES.domain + "getPullAddress", function(res) { var html = ""; for (var val of res) { html += "<option>" + val + "</option>"; } $('.f-pull-input').val(res[0]); $("#f-address").html(html); }, "json" ); $("#confirmC").find(".txtBox>div").hide(); $("#confirmC,.confirm-L").fadeIn(); $("#confirmC-sure").unbind() $("#confirmC-sure").one("click", function() { var val = $(".f-pull-input").val().trim(); RES.Pull(val) // 调用pull内置方法 导入视频 $("#confirmC,.confirm-L").fadeOut(); } ) } $("#f-address").change(function() { $('.f-pull-input').val($(this).val()); } ); |
5.导出视频地址函数
function pushfn() { //导出视频地址函数 $("#confirm_title").text("发布视频地址"); $(".f-push-input").val(RES.pushurl)//获得正在推流的地址 $("#confirmC").find(".txtBox>div").hide(); $("#confirmC,.confirm-T").fadeIn(); $("#confirmC-sure").unbind() $("#confirmC-sure").one("click", function() { var val = $(".f-push-input").val().trim(); var deferTime = parseFloat($("#cutTime").val());//默认为0 if (val != "") { RES.Push(val, deferTime) // 调用push内置方法 导出视频 } $("#confirmC,.confirm-T").fadeOut(); }) } |
6.添加垫片
function addVideo() { //添加垫片 $("#confirm_title").text("导入垫片"); $("#confirmC").find(".txtBox>div").hide(); $("#confirmC,.confirm-V").fadeIn(); $("#confirmC-sure").unbind() $("#confirmC-sure").click(function() { if ($("input.video-name").val() && $("input.video-url").val()) { var data = [{ "videoName": $("input.video-name").val().trim(), "videoURL": $("input.video-url").val().trim() }]; RES.addOutsideVideo(data) // 调用添加垫片方法 $(".f-addVideo").fadeOut(); $("#confirmC,.confirm-V").fadeOut(); } }) } |
