FS-9742: [mod_conference,mod_cv] Refactor canvas zoom code

html5/verto/video_demo-live_canvas/css/jsontable.css

+.nthChildTest > div:nth-child(odd) {
+	display: none;
+}
+
+.jsDataTable > thead > tr > th {
+
+    border-width:4px;
+    padding: 2px;
+    font-size:10pt;
+    text-align: left;
+
+}
+
+.jsDataTable > thead > tr > th.notSortable {
+	padding: 5px;
+}
+
+.jsDataTable > tbody > tr > td {
+	border-bottom: 1px solid #ccc;
+	padding: 2px;
+	vertical-align: middle;
+        height:25px;
+	font-size: 10px;
+}
+
+.jsDataTable {
+    font-family: verdana; 
+    font-size:10pt;
+}
+
+.jsDataTable > tbody > tr:nth-child(odd),
+.jsDataTable > tbody > tr.odd {
+	background-color: #ffffee;
+}
+.jsDataTable > tbody > tr:nth-child(even),
+.jsDataTable > tbody > tr.even {
+	background-color: #ffffff;
+}
+
+.jsDataTable > thead th.sortAsc,
+.jsDataTable > thead th.sortDesc {
+    color:ffffff;
+
+    background-color: #7777ff;
+    background-position: right center;
+    background-repeat: no-repeat;
+}
+
+.jsDataTable > thead th.sortAsc {
+	background-image: url(/images/table/asc.png);
+}
+
+.jsDataTable > thead th.sortDesc {
+	background-image: url(/images/table/desc.png);
+}
+
+.jsDataTable.clickable > tbody > tr,
+.clickable > .jsDataTable > tbody > tr {
+	cursor: pointer;
+}
+
+.jsDataTable.clickable > tbody > tr.nonDataRow,
+.clickable > .jsDataTable > tbody > tr.nonDataRow {
+    cursor: auto;
+}

html5/verto/video_demo-live_canvas/dp/dp.xml

+<include>
+     <extension name="h" continue="true">
+       <condition field="destination_number" expression="^h264_(.*)$" break="never">
+	<action application="set" data="absolute_codec_string=opus,pcmu,h264"/>
+	 <action application="transfer" data="$1"/>	 
+       </condition>
+     </extension>
+
+     <extension name="v" continue="true">
+       <condition field="destination_number" expression="^vp8_(.*)$" break="never">
+	<action application="set" data="absolute_codec_string=opus,pcmu,vp8"/>
+	 <action application="transfer" data="$1"/>	 
+       </condition>
+     </extension>
+
+
+
+     <extension name="h" continue="true">
+       <condition field="destination_number" expression="^hbr_(.*)$" break="never">
+	<action application="export" data="nolocal:absolute_codec_string=opus,pcmu,h264"/>
+	 <action application="transfer" data="$1"/>	 
+       </condition>
+     </extension>
+
+     <extension name="v" continue="true">
+       <condition field="destination_number" expression="^vbr_(.*)$" break="never">
+	<action application="export" data="nolocal:absolute_codec_string=opus,pcmu,vp8"/>
+	 <action application="transfer" data="$1"/>	 
+       </condition>
+     </extension>
+
+
+
+     <extension name="bug">
+       <condition field="destination_number" expression="^vbr_(.*)$">
+	<action application="set" data="absolute_codec_string=pcmu,vp8"/>
+	 <action application="answer"/>
+	 <action application="bridge" data="vlc//var/www/vid/$1" />
+       </condition>
+     </extension>
+
+     <extension name="bug">
+       <condition field="destination_number" expression="^vid_(.*)$">
+	 <action application="answer"/>
+	 <action application="play_video" data="/var/www/vid/$1" />
+       </condition>
+     </extension>
+
+
+     <extension name="bug">
+       <condition field="destination_number" expression="^decode$|^9952$">
+	 <action application="answer"/>
+	 <action application="set" data="hold_music=silence_stream://-1"/>
+	 <action application="decode_video"/>
+       </condition>
+     </extension>
+
+</include>

html5/verto/video_demo-live_canvas/js/getScreenId.js

+// Last time updated at Sep 07, 2014, 08:32:23
+
+// Latest file can be found here: https://cdn.webrtc-experiment.com/getScreenId.js
+
+// Muaz Khan         - www.MuazKhan.com
+// MIT License       - www.WebRTC-Experiment.com/licence
+// Documentation     - https://github.com/muaz-khan/WebRTC-Experiment/tree/master/getScreenId.js
+
+// ______________
+// getScreenId.js
+
+/*
+getScreenId(function (error, sourceId, screen_constraints) {
+    // error    == null || 'permission-denied' || 'not-installed' || 'installed-disabled' || 'not-chrome'
+    // sourceId == null || 'string' || 'firefox'
+    
+    if(sourceId == 'firefox') {
+        navigator.mozGetUserMedia(screen_constraints, onSuccess, onFailure);
+    }
+    else navigator.webkitGetUserMedia(screen_constraints, onSuccess, onFailure);
+});
+*/
+
+(function() {
+    window.getScreenId = function(callback) {
+        // for Firefox:
+        // sourceId == 'firefox'
+        // screen_constraints = {...}
+        if (!!navigator.mozGetUserMedia) {
+            callback(null, 'firefox', {
+                video: {
+                    mozMediaSource: 'window',
+                    mediaSource: 'window'
+                }
+            });
+            return;
+        }
+
+        postMessage();
+
+        window.addEventListener('message', onIFrameCallback);
+
+        function onIFrameCallback(event) {
+            if (!event.data) return;
+
+            if (event.data.chromeMediaSourceId) {
+                if (event.data.chromeMediaSourceId === 'PermissionDeniedError') {
+                    callback('permission-denied');
+                } else callback(null, event.data.chromeMediaSourceId, getScreenConstraints(null, event.data.chromeMediaSourceId));
+            }
+
+            if (event.data.chromeExtensionStatus) {
+                callback(event.data.chromeExtensionStatus, null, getScreenConstraints(event.data.chromeExtensionStatus));
+            }
+
+            // this event listener is no more needed
+            window.removeEventListener('message', onIFrameCallback);
+        }
+    };
+
+    function getScreenConstraints(error, sourceId) {
+        var screen_constraints = {
+            audio: false,
+            video: {
+                mandatory: {
+                    chromeMediaSource: error ? 'screen' : 'desktop',
+                    maxWidth: window.screen.width > 1920 ? window.screen.width : 1920,
+                    maxHeight: window.screen.height > 1080 ? window.screen.height : 1080
+                },
+                optional: []
+            }
+        };
+
+        if (sourceId) {
+            screen_constraints.video.mandatory.chromeMediaSourceId = sourceId;
+        }
+
+        return screen_constraints;
+    }
+
+    function postMessage() {
+        if (!iframe.isLoaded) {
+            setTimeout(postMessage, 100);
+            return;
+        }
+
+        iframe.contentWindow.postMessage({
+            captureSourceId: true
+        }, '*');
+    }
+
+    var iframe = document.createElement('iframe');
+    iframe.onload = function() {
+        iframe.isLoaded = true;
+    };
+    iframe.src = 'https://www.webrtc-experiment.com/getSourceId/';
+    iframe.style.display = 'none';
+    (document.body || document.documentElement).appendChild(iframe);
+})();

html5/verto/video_demo-live_canvas/js/jquery.cookie.js

+/*!
+ * jQuery Cookie Plugin v1.3.1
+ * https://github.com/carhartl/jquery-cookie
+ *
+ * Copyright 2013 Klaus Hartl
+ * Released under the MIT license
+ */
+(function ($, document, undefined) {
+
+	var pluses = /\+/g;
+
+	function raw(s) {
+		return s;
+	}
+
+	function decoded(s) {
+		return unRfc2068(decodeURIComponent(s.replace(pluses, ' ')));
+	}
+
+	function unRfc2068(value) {
+		if (value.indexOf('"') === 0) {
+			// This is a quoted cookie as according to RFC2068, unescape
+			value = value.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
+		}
+		return value;
+	}
+
+	function fromJSON(value) {
+		return config.json ? JSON.parse(value) : value;
+	}
+
+	var config = $.cookie = function (key, value, options) {
+
+		// write
+		if (value !== undefined) {
+			options = $.extend({}, config.defaults, options);
+
+			if (value === null) {
+				options.expires = -1;
+			}
+
+			if (typeof options.expires === 'number') {
+				var days = options.expires, t = options.expires = new Date();
+				t.setDate(t.getDate() + days);
+			}
+
+			value = config.json ? JSON.stringify(value) : String(value);
+
+			return (document.cookie = [
+				encodeURIComponent(key), '=', config.raw ? value : encodeURIComponent(value),
+				options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
+				options.path    ? '; path=' + options.path : '',
+				options.domain  ? '; domain=' + options.domain : '',
+				options.secure  ? '; secure' : ''
+			].join(''));
+		}
+
+		// read
+		var decode = config.raw ? raw : decoded;
+		var cookies = document.cookie.split('; ');
+		var result = key ? null : {};
+		for (var i = 0, l = cookies.length; i < l; i++) {
+			var parts = cookies[i].split('=');
+			var name = decode(parts.shift());
+			var cookie = decode(parts.join('='));
+
+			if (key && key === name) {
+				result = fromJSON(cookie);
+				break;
+			}
+
+			if (!key) {
+				result[name] = fromJSON(cookie);
+			}
+		}
+
+		return result;
+	};
+
+	config.defaults = {};
+
+	$.removeCookie = function (key, options) {
+		if ($.cookie(key) !== null) {
+			$.cookie(key, null, options);
+			return true;
+		}
+		return false;
+	};
+
+})(jQuery, document);

html5/verto/video_demo-live_canvas/js/jquery.hipchat.js

+(function ($) {
+
+  // Creates an iframe with an embedded HipChat conversation window.
+  //
+  // Options:
+  //   url        - The url to the room to embed; required
+  //   container  - The container in which to insert the HipChat panel; required
+  //   timezone   - The timezone to use in the embedded room; required
+  //   welcome    - A welcome message to display when the room is joined; optional
+  //   noframes   - Content to include when iframes are disabled in the browser; optional
+  //   width      - The width of the iframe; defaults to 100%
+  //   height     - The height of the iframe; defaults to 400px
+  $.createHipChat = function (options) {
+    if (options && options.url && options.container && options.timezone) {
+      var $container = $(options.container);
+      if ($container.length === 0) return;
+      var params = {
+        anonymous: 0,
+        timezone: options.timezone,
+        minimal: 0
+      };
+      if (options.welcome) {
+        params.welcome_msg = options.welcome;
+      }
+      var url = options.url + (options.url.indexOf('?') > 0 ? '&' : '?') + $.param(params);
+      if (url.indexOf('https://') !== 0) {
+        url = 'https://' + url;
+      }
+      var w = options.width || '100%';
+      var h = options.height || 400;
+      var nf = (options.noframes || '');
+      return {
+        show: function () {
+          $container.html('<iframe src="' + url + '" frameborder="' + 0 + '" width="' + w + '" height="' + h + '">' + nf + '</iframe>');
+        }
+      };
+    }
+  };
+
+  $.fn.hipChatPanel = function (options) {
+    options.container = this[0];
+    var panel = $.createHipChat(options);
+    this.html('<button class="show-hipchat ' + options.buttonClasses + '">' + (options.buttonTitle || 'Chat') + '</button>')
+        .find('.show-hipchat').click(function (e) { panel.show(); });
+  };
+
+}(jQuery));