supporting drop publisher via control module

Author: numb3r3

config.json

@@ -5,6 +5,7 @@
   "rtmp_server_timeout":15000,
   "rtmp_server_url":"http://localhost/stat.xml",
   "rtmp_server_stream_url":"rtmp://localhost/live/",
+  "rtmp_server_control_url":"http://localhost/control",
   "language":"en",
   "template":"default",
   "version":"1.0.0"

language/en.json

@@ -16,6 +16,7 @@
   "viewers":"Viewers",
   "time":"Time",
   "play":"Play",
+  "drop":"Drop",
   "playing":"Playing",
   "close":"Close"
-}
+}

public/js/events.js

@@ -1,3 +1,31 @@
+function drop_publisher(app_name, stream_name) {
+    var control_server = $("#control_server").val() + "/drop/publisher?app=" + app_name + "&name=" + stream_name;
+    console.log('drop: ' + stream_name + ' from URL:' + control_server);
+
+    var jqxhr = $.get(control_server, function (data, status) {
+        console.log('Status: ' + status + ' Data: ' + data);
+    });
+
+}
+
+function dropStreamEvent() {
+
+    $(".drop_stream").click(function () {
+	    var stream_name = $(this).attr('data-stream-name');
+
+	    $("#stream_drop_popup").modal('show');
+
+	    $("#modal-btn-yes").on("click", function () {
+	        drop_publisher("live", stream_name);
+	        $("#stream_drop_popup").modal('hide');
+	    });
+
+	    $("#modal-btn-no").on("click", function () {
+	        $("#stream_drop_popup").modal('hide');
+	    });
+    });
+}
+
 function playStreamEvent() {
 
     var $player;
@@ -27,4 +55,4 @@ function playStreamEvent() {
     })
 
 
-}
+}

public/js/model.js

@@ -48,7 +48,7 @@ function setLiveStream(data)
 
     var table = "";
     var language_play = $("#language_play").val();
-
+    var language_drop = $("#language_drop").val();
     $.each(data, function (index,channel) {
 
 
@@ -61,16 +61,14 @@ function setLiveStream(data)
         var viewers = "<td class='text-center'><b>"+numeral(channel.nclients[0]).format('0,0')+"<b/></td>";
         var resolution = "<td class='text-center'>"+channel.meta[0].video[0].width[0] + " X " + channel.meta[0].video[0].height[0]+"</td>";
         var play = "<td><button class='btn btn-default play_stream' data-stream-name='"+channel.name[0]+"' data-toggle='modal' data-target='#stream_popup'><i class='glyphicon glyphicon-play'></i> "+language_play+"</button></td>";
-
-        table = table + "<tr>"+name+resolution+bw_in+bw_out+bytes_in+bytes_out+viewers+time+play+"</tr>";
+	    var drop = "<td><button class='btn btn-default drop_stream' data-stream-name='"+channel.name[0]+"'><i class='glyphicon glyphicon-stop'></i> "+language_drop+"</button></td>";
+        table = table + "<tr>"+name+resolution+bw_in+bw_out+bytes_in+bytes_out+viewers+time+play+drop+"</tr>";
 
     });
 
 
     $("#live_stream").html(table);
 
     playStreamEvent();
-
+    dropStreamEvent();
 }
-
-

server.js

@@ -28,7 +28,8 @@ app.get('/',function(req,res){
         title: config.site_title,
         language: language,
         version:config.version,
-        stream_server:config.rtmp_server_stream_url
+        stream_server:config.rtmp_server_stream_url,
+        control_server:config.rtmp_server_control_url
    });
 });
 
@@ -100,10 +101,3 @@ setInterval(function(){
   });
 
 },config.rtmp_server_refresh);
-
-
-
-
-
-
-

template/default.html

@@ -22,7 +22,7 @@
             <a class="navbar-brand" id="uptime"></a>
             <div id="show_live"></div>
         </div>
-    </div>  
+    </div>
 </div>
 <div class="container">
 
@@ -105,6 +105,7 @@ <h1 style="font-size: 20px" id="total_bandwidth_out">0</h1>
                     <th class="text-center"><i class='glyphicon glyphicon-user' style='color: #73afff;'></i> {{language.viewers}} </th>
                     <th class="text-center"><i class='glyphicon glyphicon-time' style='color: #73afff;'></i> {{language.time}}</th>
                     <th class="text-center"><i class='glyphicon glyphicon-time' style='color: #73afff;'></i> {{language.play}}</th>
+                    <th class="text-center"><i class='glyphicon glyphicon-time' style='color: #73afff;'></i> {{language.drop}}</th>
                 </tr>
                 </thead>
                 <tbody id="live_stream">
@@ -128,6 +129,25 @@ <h1 style="font-size: 20px" id="total_bandwidth_out">0</h1>
 
 <input type="hidden" value="{{language.play}}" id="language_play">
 <input type="hidden" value="{{stream_server}}" id="stream_server">
+<input type="hidden" value="{{language.drop}}" id="language_drop">
+<input type="hidden" value="{{control_server}}" id="control_server">
+
+<div id="stream_drop_popup" class="modal fade" role="dialog">
+  <div class="modal-dialog modal-sm">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title">{{language.drop}} <span id="channel_name"></span></h4>
+      </div>
+      <div class="modal-body">
+
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default" id="modal-btn-yes">Yes</button>
+        <button type="button" class="btn btn-primary" id="modal-btn-no">No</button>
+      </div>
+    </div>
+  </div>
+</div>
 
 <div id="stream_popup" class="modal fade" role="dialog">
     <div class="modal-dialog">
@@ -151,6 +171,7 @@ <h4 class="modal-title">{{language.playing}} <span id="channel_name"></span></h4
 <script src="js/library/numeral.js"></script>
 <script src="js/library/player.min.js"></script>
 <script src="js/bootstrap.js"></script>
+<script src="js/confirm-bootstrap.js"></script>
 <script src="js/socket.js"></script>
 <script src="js/message.js"></script>
 <script src="js/helper.js"></script>