132 lines
5.0 KiB
HTML
132 lines
5.0 KiB
HTML
<div class="content_hasoption">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button data-dismiss="modal" class="close hasoption-close" type="button">×</button>
|
||
<h4 class="modal-title">视频抓取</h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
|
||
|
||
<div id="dataform" class="form-horizontal form">
|
||
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label must">PC端直播地址</label>
|
||
<div class="col-sm-9">
|
||
<input class="form-control" id="url" placeholder="直播间详情页地址，请以http://或https://开头" />
|
||
<span class="help-block">注意：请复制直播间详情页的链接 例如：http://www.panda.tv/123 (以http://或https://开头)</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!--<div class="form-group">
|
||
<label class="col-sm-2 control-label">视频来源</label>
|
||
<div class="col-sm-9">
|
||
<label class="radio-inline"><input type="radio" name="type" value="auto" checked> 自动检测</label>
|
||
{loop $list $key $val}
|
||
<label class="radio-inline"><input type="radio" name="type" value="{$key}"> {$val}</label>
|
||
{/loop}
|
||
</div>
|
||
</div>-->
|
||
|
||
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label"></label>
|
||
<div class="col-sm-9">
|
||
<div class="btn btn-primary" id="btn-get">点击获取</div>
|
||
<button class="btn btn-info" type="button" id="option_submit" style="display: none;">使用地址</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="video-info" style="display: none;">
|
||
<div class="form-group splitter"></div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">视频来源</label>
|
||
<div class="col-sm-9">
|
||
<div class="form-control-static" id="video-com">加载中...</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">直播状态</label>
|
||
<div class="col-sm-9">
|
||
<div class="form-control-static">
|
||
<label class="label" id="live-status">加载中...</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="video-info2" style="display: none;">
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">直播缩略图</label>
|
||
<div class="col-sm-9">
|
||
<img id="real_img" src="" onerror="this.src='./resource/images/nopic.jpg'; this.title='图片未找到.'" class="img-responsive img-thumbnail" width="150">
|
||
</div>
|
||
</div>
|
||
<!--<div class="form-group">
|
||
<label class="col-sm-2 control-label">视频地址</label>
|
||
<div class="col-sm-9">
|
||
<span class="input-group">
|
||
<input class="form-control" id="real_url" readonly />
|
||
<span class="input-group-addon btn btn-default js-clip" id="btn-clip" data-href="">点击复制</span>
|
||
</span>
|
||
</div>
|
||
</div>-->
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script type="text/javascript">
|
||
$("#option_submit").off("click").on("click",function () {
|
||
var url = $("#url").val();
|
||
var poster = $("#real_img").attr('src');
|
||
$("input[name=url]").val(url);
|
||
$("input[name=thumb]").val(poster);
|
||
$(".coverthumb img.img-responsive").attr('src',poster);
|
||
//关闭弹窗
|
||
$('.hasoption-close').trigger('click');
|
||
});
|
||
$("#btn-get").click(function () {
|
||
$(".video-info").hide();
|
||
$(".video-info2").hide();
|
||
var _this = $(this);
|
||
if(_this.hasClass('disabled')){
|
||
return;
|
||
}
|
||
var url = $.trim($("#url").val());
|
||
if(!url){
|
||
tip.msgbox.err('请输入PC端直播地址');
|
||
$("#url").focus();
|
||
return;
|
||
}
|
||
var type = $("input[name='type']:checked").val();
|
||
|
||
_this.text('获取中...').addClass('disabled');
|
||
|
||
$.post(biz.url('live/get'), {url: url, type: type}, function (ret) {
|
||
if(ret.status==0){
|
||
tip.msgbox.err(ret.result.message);
|
||
_this.text('点击获取').removeClass('disabled');
|
||
return;
|
||
}
|
||
|
||
$("#video-com").text(ret.result.typeName);
|
||
$("#real_img").attr('src', ret.result.poster);
|
||
$("#real_url").val(ret.result.hls_url);
|
||
$("#btn-clip").attr('data-href', ret.result.hls_url);
|
||
|
||
$(".video-info").show();
|
||
$("#option_submit").show();
|
||
if(ret.result.status==1){
|
||
$(".video-info2").show();
|
||
$("#live-status").removeClass('label-danger').addClass('label-primary').text('直播中');
|
||
}else{
|
||
$("#live-status").removeClass('label-primary').addClass('label-danger').text('未开播');
|
||
}
|
||
_this.text('点击获取').removeClass('disabled');
|
||
}, 'json');
|
||
});
|
||
</script>
|