check

张宗朋
1 parent 6d28cc30
Showing 2 changed files with 59 additions and 17 deletions
src/main/webapp/pages/check/monitor.jsp
src/main/webapp/static/assets/cnlive/js/live.js
@@ -3,6 +3,16 @@
 <!DOCTYPE html>
 <html>
 <head>
+<style type="text/css">
+.text-overflow{
+display:block;/*内联对象需加*/
+width:31em;
+word-break:keep-all;/* 不换行 */
+white-space:nowrap;/* 不换行 */
+overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
+text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
+} 
+</style>
 <meta charset="UTF-8">
 <title>监审管理 |<f:message key="common.title" /></title>
 <meta
@@ -42,13 +52,14 @@
 								<div class="col-md-12" id="divShow_${item.id}">
 									<div class="box box-success box-solid">
 										<div class="box-header with-border">
-											<h3 class="box-title">${item.title}</h3>
+										<div class="text-overflow">
+											<h3 class="box-title" id="hidId">${item.title}</h3></div>
 											<div class="box-tools pull-right">
 												<button class="btn btn-sm" id="play_button_${item.id}"
 													onclick="play(${item.id});">重新载入</button>
 											</div>
 										</div>
-										<div class="box-body">
+										<div id = "playId" class="box-body">
 											<input type="hidden" name="play_url_${item.id}"
 												id="play_url_${item.id}" value="${item.live_url}" /> <span
 												class="mailbox-attachment-icon has-img"
@@ -66,9 +77,9 @@
 						</div>
 						<div class="box-body no-padding">
 							<ul class="nav nav-pills nav-stacked">
-								<li><a><i class="fa fa-file-text-o"></i>用户ID:</a></li>
-								<li><a><i class="fa fa-file-text-o"></i>TITLE: </a></li>
-								<li><a><i class="fa fa-file-text-o"></i>开播时间: </a></li>
+								<li id="userId"><a><i class="fa fa-file-text-o"></i>用户ID:</a></li>
+								<li id="title"><a><i class="fa fa-file-text-o"></i>TITLE: </a></li>
+								<li id="startTime"><a><i class="fa fa-file-text-o"></i>开播时间: </a></li>
 							</ul>
 						</div>
 					</div>
@@ -86,20 +97,23 @@
 											<div
 												class="box ${item.check_sort eq null  ? 'box-warning':'box-success'} box-solid">
 												<div class="box-header with-border">
-													<h3 class="box-title">${item.title}</h3>
+													<div class="text-overflow">
+											<h3 class="box-title">${item.title}</h3></div>
 													<div class="box-tools pull-right">
+													<button class="btn btn-sm btn-danger"
+															onclick="changePlay('${item.id}','${item.live_url}','${item.t_user_id}','${item.title}','${item.start_time}');">左</button>
 														<button class="btn btn-sm btn-danger"
 															onclick="to_pass(${item.id});">过</button>
 														<button class="btn btn-sm btn-danger"
 															onclick="to_top(${item.id});">顶</button>
 														<button class="btn btn-sm btn-danger"
-															onclick="play(${item.id});">断</button>
+															onclick="play_close('${item.id}','${item.live_url}');">断</button>
 													</div>
 												</div>
-												<div class="box-body">
+												<div class="box-body" >
 													<input type="hidden" name="play_url_${item.id}"
-														id="play_url_${item.id}" value="${item.live_url}" /> <span
-														class="mailbox-attachment-icon has-img"
+														id="play_url_${item.id}" value="${item.live_url}" /> <span 
+														class="mailbox-attachment-icon has-img" 
 														id="player_span_${item.id}"> <img
 														src="../../static/assets/dist/img/photo2.png"
 														alt="Attachment">
 function toSubmit(){
 	$("#activityForm").submit();
 }
-
-
+	jwplayer("playId").setup({ 
+		file: "", 
+		height: 260, 
+		image: "/assets/myVideo.jpg", 
+		autostart:true,
+		rtmp: { 
+			bufferlength: 0.1 
+		}, 
+		width: 370 
+	});
 //修改直播开始结束时间
 function update_activity_time(){
 	var start_time= $('#start_time').val();
@@ -437,7 +445,8 @@ function  do_publishreview(id){
 }
 //断流处理
 function play_close(id,live_url){
-	alert(111);
+	var id_live_url = $("hidId").val();
+	alert(id_live_url);
 	$.ajax({
 		url : '../../check/cut/' + id,
 		type : 'post',
@@ -448,12 +457,31 @@ function play_close(id,live_url){
 			alert('关闭时发生错误!');
 		},
 		success : function(data) {
+			//$("#play_url_"+id).val("");
 			location.href = '../../check/list/1';
 			alert("关闭成功");
 		}
 	});
 }
-/*function changePlay(id){
-	alert(111);
-	alert(id);
-}*/
+function changePlay(id,live_url,userId,title,time){
+	$("input").attr("id","play_url_"+id);
+	$("input").attr("name","play_url_"+id);
+	//$("#play_url_"+id).val(live_url);
+	$("#hidId").val(live_url);
+	$("li[id='userId']").html("<a><i class='fa fa-file-text-o'></i>用户ID: "+userId+"</a>");
+	$("li[id='title']").html("<a><i class='fa fa-file-text-o'></i>TITLE: "+title+"</a>");
+	$("li[id='startTime']").html("<a><i class='fa fa-file-text-o'></i>开播时间: "+time+"</a>");
+	//$("#playId").html("<input type='hidden' name='play_url_"+id+"'id='play_url_"+id+"' value='"+live_url+"'/><span class='mailbox-attachment-icon has-img' id='player_span_"+id+"'><img src='../../static/assets/dist/img/photo2.png' alt='Attachment'></span>");
+	jwplayer("playId").setup({ 
+		    file: live_url, 
+		    height: 260, 
+		    //image: "/assets/myVideo.jpg", 
+		    autostart:true,
+		    rtmp: { 
+		        bufferlength: 0.1 
+		    }, 
+		    width: 370 
+		});
+
+}
+