zdpjs_webrtc
Version:
基于easyrtc二次开发的webrtc框架
401 lines • 141 kB
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>EasyRTC Documentation</title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
<link href="../assets/easyrtc-docs-jsdoc-styles-1.css" media="all" rel="stylesheet" />
</head>
<body>
<header class="template">
<div class="wrapper-content">
<a href="../index.html"><img src="../assets/easyrtc-logo.png" alt="EasyRTC Documentation"></a>
<h1 title="EasyRTC Documentation">Documentation</h1>
</div>
</header>
<div class="wrapper-docs">
<nav>
<h2><a href="../index.html">Docs Home</a></h2>
<h3>EasyRTC Guides</h3>
<ul>
<li><a href="../easyrtc_faq.html">FAQ</a></li>
<li><a href="../easyrtc_gettingStarted.html">Getting Started</a></li>
<li><a href="../easyrtc_server_install.html">EasyRTC Server: Installation</a></li>
<li><a href="../easyrtc_client_tutorial.html">EasyRTC Framework Tutorial</a></li>
<li><a href="../easyrtc_rooms.html">Rooms</a></li>
<li><a href="../easyrtc_server_configuration.html">EasyRTC Server: Configuration</a></li>
<li><a href="../easyrtc_server_events.html">EasyRTC Server: Events</a></li>
<li><a href="../easyrtc_server_ice.html">EasyRTC Server: ICE Configuration</a></li>
<li><a href="../easyrtc_with_other_servers.html">Using Alongside Other Servers</a></li>
<li><a href="../easyrtc_server_ssl.html">EasyRTC Server: Using SSL</a></li>
<li><a href="../easyrtc_webrtc_problems.html">WebRTC Problems and Possible Fixes</a></li>
<li><a href="../easyrtc_upcoming_features.html">Upcoming Features</a></li>
<li><a href="../easyrtc_changelog.html">Change Log</a></li>
</ul>
<h3>EasyRTC Client Classes</h3>
<ul>
<li><a href="../client-api/Easyrtc.html">Easyrtc</a></li>
<li><a href="../client-api/Easyrtc_App.html">Easyrtc_App</a></li>
<li><a href="../client-api/Easyrtc_ft.html">Easyrtc_ft</a></li>
<li><a href="../client-api/Easyrtc_IframeCapture.html">Easyrtc_IframeCapture</a></li>
<li><a href="../client-api/Easyrtc_No_IframeCapture.html">Easyrtc_No_IframeCapture</a></li>
<li><a href="../client-api/Easyrtc_Rates.html">Easyrtc_Rates</a></li>
<li><a href="../client-api/Easyrtc_Recorder.html">Easyrtc_Recorder</a></li>
</ul>
<h3>EasyRTC Server Modules</h3>
<ul>
<li><a href="../server-api/module-easyrtc_default_event_listeners.html">easyrtc_default_event_listeners</a></li>
<li><a href="../server-api/module-easyrtc_default_options.html">easyrtc_default_options</a></li>
<li><a href="../server-api/module-easyrtc_private_obj.html">easyrtc_private_obj</a></li>
<li><a href="../server-api/module-easyrtc_public_obj.html">easyrtc_public_obj</a></li>
<li><a href="../server-api/module-easyrtc_util.html">easyrtc_util</a></li>
<li><a href="../server-api/module-general_util.html">general_util</a></li>
</ul>
<h3>EasyRTC Server Classes</h3>
<ul>
<li><a href="../server-api/module-easyrtc_default_event_listeners-eventListener.html">eventListener</a></li>
<li><a href="../server-api/module-easyrtc_public_obj-pub.html">pub</a></li>
<li><a href="../server-api/module-easyrtc_public_obj-pub.events.html">events</a></li>
<li><a href="../server-api/module-easyrtc_public_obj-pub.util.html">util</a></li>
<li><a href="../server-api/module-easyrtc_util-eu.html">eu</a></li>
<li><a href="../server-api/module-general_util-g.html">g</a></li>
<li><a href="../server-api/pub.appObj.html">appObj</a></li>
<li><a href="../server-api/pub.appObj.connectionObj.html">connectionObj</a></li>
<li><a href="../server-api/pub.appObj.connectionObj.connectionRoomObj.html">connectionRoomObj</a></li>
<li><a href="../server-api/pub.appObj.roomObj.html">roomObj</a></li>
<li><a href="../server-api/pub.appObj.sessionObj.html">sessionObj</a></li>
</ul>
</nav>
<div class="easyrtc-docs-content">
<div id="main">
<h1 class="page-title">Source: easyrtc_ft.js</h1>
<section>
<article>
<pre class="prettyprint source linenums easyrtc"><code><a name="line1"></a><div class="linenumber">1</div><div style="width:0em;display:inline-block"></div>/* global define, module, require, console */
<a name="line2"></a><div class="linenumber">2</div><div style="width:0em;display:inline-block"></div>/*!
<a name="line3"></a><div class="linenumber">3</div><div style="width:1em;display:inline-block"></div>Script: easyrtc_ft.js
<a name="line4"></a><div class="linenumber">4</div>
<a name="line5"></a><div class="linenumber">5</div><div style="width:2em;display:inline-block"></div>Provides support file and data transfer support to easyrtc.
<a name="line6"></a><div class="linenumber">6</div>
<a name="line7"></a><div class="linenumber">7</div><div style="width:1em;display:inline-block"></div>About: License
<a name="line8"></a><div class="linenumber">8</div>
<a name="line9"></a><div class="linenumber">9</div><div style="width:2em;display:inline-block"></div>Copyright (c) 2016, Priologic Software Inc.
<a name="line10"></a><div class="linenumber">10</div><div style="width:2em;display:inline-block"></div>All rights reserved.
<a name="line11"></a><div class="linenumber">11</div>
<a name="line12"></a><div class="linenumber">12</div><div style="width:2em;display:inline-block"></div>Redistribution and use in source and binary forms, with or without
<a name="line13"></a><div class="linenumber">13</div><div style="width:2em;display:inline-block"></div>modification, are permitted provided that the following conditions are met:
<a name="line14"></a><div class="linenumber">14</div>
<a name="line15"></a><div class="linenumber">15</div><div style="width:4em;display:inline-block"></div>* Redistributions of source code must retain the above copyright notice,
<a name="line16"></a><div class="linenumber">16</div><div style="width:5em;display:inline-block"></div>this list of conditions and the following disclaimer.
<a name="line17"></a><div class="linenumber">17</div><div style="width:4em;display:inline-block"></div>* Redistributions in binary form must reproduce the above copyright
<a name="line18"></a><div class="linenumber">18</div><div style="width:5em;display:inline-block"></div>notice, this list of conditions and the following disclaimer in the
<a name="line19"></a><div class="linenumber">19</div><div style="width:5em;display:inline-block"></div>documentation and/or other materials provided with the distribution.
<a name="line20"></a><div class="linenumber">20</div>
<a name="line21"></a><div class="linenumber">21</div><div style="width:2em;display:inline-block"></div>THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
<a name="line22"></a><div class="linenumber">22</div><div style="width:2em;display:inline-block"></div>AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
<a name="line23"></a><div class="linenumber">23</div><div style="width:2em;display:inline-block"></div>IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
<a name="line24"></a><div class="linenumber">24</div><div style="width:2em;display:inline-block"></div>ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
<a name="line25"></a><div class="linenumber">25</div><div style="width:2em;display:inline-block"></div>LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
<a name="line26"></a><div class="linenumber">26</div><div style="width:2em;display:inline-block"></div>CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
<a name="line27"></a><div class="linenumber">27</div><div style="width:2em;display:inline-block"></div>SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
<a name="line28"></a><div class="linenumber">28</div><div style="width:2em;display:inline-block"></div>INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
<a name="line29"></a><div class="linenumber">29</div><div style="width:2em;display:inline-block"></div>CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
<a name="line30"></a><div class="linenumber">30</div><div style="width:2em;display:inline-block"></div>ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
<a name="line31"></a><div class="linenumber">31</div><div style="width:2em;display:inline-block"></div>POSSIBILITY OF SUCH DAMAGE.
<a name="line32"></a><div class="linenumber">32</div><div style="width:0em;display:inline-block"></div>*/
<a name="line33"></a><div class="linenumber">33</div>
<a name="line34"></a><div class="linenumber">34</div><div style="width:0em;display:inline-block"></div>(function (root, factory) {
<a name="line35"></a><div class="linenumber">35</div><div style="width:2em;display:inline-block"></div>if (typeof define === 'function' && define.amd) {
<a name="line36"></a><div class="linenumber">36</div><div style="width:4em;display:inline-block"></div>//RequireJS (AMD) build system
<a name="line37"></a><div class="linenumber">37</div><div style="width:4em;display:inline-block"></div>define(['easyrtc'], factory);
<a name="line38"></a><div class="linenumber">38</div><div style="width:2em;display:inline-block"></div>} else if (typeof module === 'object' && module.exports) {
<a name="line39"></a><div class="linenumber">39</div><div style="width:4em;display:inline-block"></div>//CommonJS build system
<a name="line40"></a><div class="linenumber">40</div><div style="width:4em;display:inline-block"></div>module.exports = factory(require('easyrtc'));
<a name="line41"></a><div class="linenumber">41</div><div style="width:2em;display:inline-block"></div>} else {
<a name="line42"></a><div class="linenumber">42</div><div style="width:4em;display:inline-block"></div>//Vanilla JS, ensure dependencies are loaded correctly
<a name="line43"></a><div class="linenumber">43</div><div style="width:4em;display:inline-block"></div>if (typeof window.easyrtc !== 'object' || !window.easyrtc) {
<a name="line44"></a><div class="linenumber">44</div><div style="width:6em;display:inline-block"></div>throw new Error("easyrtc_ft requires easyrtc");
<a name="line45"></a><div class="linenumber">45</div><div style="width:4em;display:inline-block"></div>}
<a name="line46"></a><div class="linenumber">46</div><div style="width:4em;display:inline-block"></div>root.easyrtc_ft = factory(window.easyrtc);
<a name="line47"></a><div class="linenumber">47</div><div style="width:1em;display:inline-block"></div>}
<a name="line48"></a><div class="linenumber">48</div><div style="width:0em;display:inline-block"></div>}(this, function (easyrtc, undefined) {
<a name="line49"></a><div class="linenumber">49</div>
<a name="line50"></a><div class="linenumber">50</div><div style="width:0em;display:inline-block"></div>"use strict";
<a name="line51"></a><div class="linenumber">51</div>
<a name="line52"></a><div class="linenumber">52</div><div style="width:0em;display:inline-block"></div>/**
<a name="line53"></a><div class="linenumber">53</div><div style="width:0em;display:inline-block"></div>* @class Easyrtc_ft.
<a name="line54"></a><div class="linenumber">54</div><div style="width:0em;display:inline-block"></div>*
<a name="line55"></a><div class="linenumber">55</div><div style="width:0em;display:inline-block"></div>* @returns {Easyrtc_ft} the new easyrtc instance.
<a name="line56"></a><div class="linenumber">56</div><div style="width:0em;display:inline-block"></div>*
<a name="line57"></a><div class="linenumber">57</div><div style="width:0em;display:inline-block"></div>* @constructs Easyrtc_ft
<a name="line58"></a><div class="linenumber">58</div><div style="width:0em;display:inline-block"></div>*/
<a name="line59"></a><div class="linenumber">59</div>
<a name="line60"></a><div class="linenumber">60</div><div style="width:0em;display:inline-block"></div>var easyrtc_ft = {};
<a name="line61"></a><div class="linenumber">61</div>
<a name="line62"></a><div class="linenumber">62</div><div style="width:0em;display:inline-block"></div>/**
<a name="line63"></a><div class="linenumber">63</div><div style="width:0em;display:inline-block"></div>* Error codes that the EasyRTC will use in the errorCode field of error object passed
<a name="line64"></a><div class="linenumber">64</div><div style="width:0em;display:inline-block"></div>* to error handler set by easyrtc.setOnError. The error codes are short printable strings.
<a name="line65"></a><div class="linenumber">65</div><div style="width:0em;display:inline-block"></div>* @type Object
<a name="line66"></a><div class="linenumber">66</div><div style="width:0em;display:inline-block"></div>*/
<a name="line67"></a><div class="linenumber">67</div><div style="width:0em;display:inline-block"></div>easyrtc_ft.errCodes = {
<a name="line68"></a><div class="linenumber">68</div><div style="width:2em;display:inline-block"></div>DATA_LOST: "DATA_LOST",
<a name="line69"></a><div class="linenumber">69</div><div style="width:2em;display:inline-block"></div>INVALID_DATA: "INVALID_DATA",
<a name="line70"></a><div class="linenumber">70</div><div style="width:2em;display:inline-block"></div>DROP_FILE: "DROP_FILE"
<a name="line71"></a><div class="linenumber">71</div><div style="width:0em;display:inline-block"></div>};
<a name="line72"></a><div class="linenumber">72</div>
<a name="line73"></a><div class="linenumber">73</div><div style="width:0em;display:inline-block"></div>/**
<a name="line74"></a><div class="linenumber">74</div><div style="width:0em;display:inline-block"></div>* Establish an area as a drag-n-drop drop site for files.
<a name="line75"></a><div class="linenumber">75</div><div style="width:0em;display:inline-block"></div>* @param {DOMString} droptargetName - the id of the drag-and-drop site or the actual DOM object.
<a name="line76"></a><div class="linenumber">76</div><div style="width:0em;display:inline-block"></div>* @param {Function} filesHandler - function that accepts an array of File's.
<a name="line77"></a><div class="linenumber">77</div><div style="width:0em;display:inline-block"></div>*/
<a name="line78"></a><div class="linenumber">78</div><div style="width:0em;display:inline-block"></div>easyrtc_ft.buildDragNDropRegion = function(droptargetName, filesHandler) {
<a name="line79"></a><div class="linenumber">79</div><div style="width:2em;display:inline-block"></div>var droptarget;
<a name="line80"></a><div class="linenumber">80</div><div style="width:2em;display:inline-block"></div>if (typeof droptargetName === 'string') {
<a name="line81"></a><div class="linenumber">81</div><div style="width:4em;display:inline-block"></div>droptarget = document.getElementById(droptargetName);
<a name="line82"></a><div class="linenumber">82</div><div style="width:4em;display:inline-block"></div>if (!droptarget) {
<a name="line83"></a><div class="linenumber">83</div><div style="width:6em;display:inline-block"></div>throw ("unknown object " + droptargetName);
<a name="line84"></a><div class="linenumber">84</div><div style="width:4em;display:inline-block"></div>}
<a name="line85"></a><div class="linenumber">85</div><div style="width:2em;display:inline-block"></div>}
<a name="line86"></a><div class="linenumber">86</div><div style="width:2em;display:inline-block"></div>else {
<a name="line87"></a><div class="linenumber">87</div><div style="width:4em;display:inline-block"></div>droptarget = droptargetName;
<a name="line88"></a><div class="linenumber">88</div><div style="width:2em;display:inline-block"></div>}
<a name="line89"></a><div class="linenumber">89</div>
<a name="line90"></a><div class="linenumber">90</div><div style="width:2em;display:inline-block"></div>function addClass(target, classname) {
<a name="line91"></a><div class="linenumber">91</div><div style="width:4em;display:inline-block"></div>if (target.className) {
<a name="line92"></a><div class="linenumber">92</div><div style="width:6em;display:inline-block"></div>if (target.className.indexOf(classname, 0) >= 0) {
<a name="line93"></a><div class="linenumber">93</div><div style="width:8em;display:inline-block"></div>return;
<a name="line94"></a><div class="linenumber">94</div><div style="width:6em;display:inline-block"></div>}
<a name="line95"></a><div class="linenumber">95</div><div style="width:6em;display:inline-block"></div>else {
<a name="line96"></a><div class="linenumber">96</div><div style="width:8em;display:inline-block"></div>target.className = target.className + " " + classname;
<a name="line97"></a><div class="linenumber">97</div><div style="width:6em;display:inline-block"></div>}
<a name="line98"></a><div class="linenumber">98</div><div style="width:4em;display:inline-block"></div>}
<a name="line99"></a><div class="linenumber">99</div><div style="width:4em;display:inline-block"></div>else {
<a name="line100"></a><div class="linenumber">100</div><div style="width:6em;display:inline-block"></div>target.className = classname;
<a name="line101"></a><div class="linenumber">101</div><div style="width:4em;display:inline-block"></div>}
<a name="line102"></a><div class="linenumber">102</div><div style="width:4em;display:inline-block"></div>target.className = target.className.replace(" ", " ");
<a name="line103"></a><div class="linenumber">103</div><div style="width:2em;display:inline-block"></div>}
<a name="line104"></a><div class="linenumber">104</div>
<a name="line105"></a><div class="linenumber">105</div><div style="width:2em;display:inline-block"></div>function removeClass(target, classname) {
<a name="line106"></a><div class="linenumber">106</div><div style="width:4em;display:inline-block"></div>if (!target.className) {
<a name="line107"></a><div class="linenumber">107</div><div style="width:6em;display:inline-block"></div>return;
<a name="line108"></a><div class="linenumber">108</div><div style="width:4em;display:inline-block"></div>}
<a name="line109"></a><div class="linenumber">109</div><div style="width:4em;display:inline-block"></div>target.className = target.className.replace(classname, "").replace(" ", " ");
<a name="line110"></a><div class="linenumber">110</div><div style="width:2em;display:inline-block"></div>}
<a name="line111"></a><div class="linenumber">111</div>
<a name="line112"></a><div class="linenumber">112</div><div style="width:2em;display:inline-block"></div>function ignore(e) {
<a name="line113"></a><div class="linenumber">113</div><div style="width:4em;display:inline-block"></div>e.stopPropagation();
<a name="line114"></a><div class="linenumber">114</div><div style="width:4em;display:inline-block"></div>e.preventDefault();
<a name="line115"></a><div class="linenumber">115</div><div style="width:4em;display:inline-block"></div>return false;
<a name="line116"></a><div class="linenumber">116</div><div style="width:2em;display:inline-block"></div>}
<a name="line117"></a><div class="linenumber">117</div>
<a name="line118"></a><div class="linenumber">118</div><div style="width:2em;display:inline-block"></div>function drageventcancel(e) {
<a name="line119"></a><div class="linenumber">119</div><div style="width:4em;display:inline-block"></div>if (e.preventDefault) {
<a name="line120"></a><div class="linenumber">120</div><div style="width:6em;display:inline-block"></div>e.preventDefault(); // required by FF + Safari
<a name="line121"></a><div class="linenumber">121</div><div style="width:4em;display:inline-block"></div>}
<a name="line122"></a><div class="linenumber">122</div><div style="width:4em;display:inline-block"></div>e.dataTransfer.dropEffect = 'copy'; // tells the browser what drop effect is allowed here
<a name="line123"></a><div class="linenumber">123</div><div style="width:4em;display:inline-block"></div>return false; // required by IE
<a name="line124"></a><div class="linenumber">124</div><div style="width:2em;display:inline-block"></div>}
<a name="line125"></a><div class="linenumber">125</div>
<a name="line126"></a><div class="linenumber">126</div><div style="width:2em;display:inline-block"></div>var dropCueClass = "easyrtcfiledrop";
<a name="line127"></a><div class="linenumber">127</div>
<a name="line128"></a><div class="linenumber">128</div><div style="width:2em;display:inline-block"></div>function dropHandler(e) {
<a name="line129"></a><div class="linenumber">129</div><div style="width:4em;display:inline-block"></div>removeClass(droptarget, dropCueClass);
<a name="line130"></a><div class="linenumber">130</div><div style="width:4em;display:inline-block"></div>var dt = e.dataTransfer;
<a name="line131"></a><div class="linenumber">131</div><div style="width:4em;display:inline-block"></div>var files = dt.files;
<a name="line132"></a><div class="linenumber">132</div><div style="width:4em;display:inline-block"></div>if (dt.files.length > 0) {
<a name="line133"></a><div class="linenumber">133</div><div style="width:6em;display:inline-block"></div>try {
<a name="line134"></a><div class="linenumber">134</div><div style="width:8em;display:inline-block"></div>filesHandler(files);
<a name="line135"></a><div class="linenumber">135</div><div style="width:6em;display:inline-block"></div>} catch (errorEvent) {
<a name="line136"></a><div class="linenumber">136</div><div style="width:8em;display:inline-block"></div>easyrtc.showError(easyrtc_ft.errCodes.DROP_FILE, errorEvent);
<a name="line137"></a><div class="linenumber">137</div><div style="width:6em;display:inline-block"></div>}
<a name="line138"></a><div class="linenumber">138</div><div style="width:4em;display:inline-block"></div>}
<a name="line139"></a><div class="linenumber">139</div><div style="width:4em;display:inline-block"></div>return ignore(e);
<a name="line140"></a><div class="linenumber">140</div><div style="width:2em;display:inline-block"></div>}
<a name="line141"></a><div class="linenumber">141</div>
<a name="line142"></a><div class="linenumber">142</div><div style="width:2em;display:inline-block"></div>function dragEnterHandler(e) {
<a name="line143"></a><div class="linenumber">143</div><div style="width:4em;display:inline-block"></div>addClass(droptarget, dropCueClass);
<a name="line144"></a><div class="linenumber">144</div><div style="width:4em;display:inline-block"></div>return drageventcancel(e);
<a name="line145"></a><div class="linenumber">145</div><div style="width:2em;display:inline-block"></div>}
<a name="line146"></a><div class="linenumber">146</div>
<a name="line147"></a><div class="linenumber">147</div><div style="width:2em;display:inline-block"></div>function dragLeaveHandler(e) {
<a name="line148"></a><div class="linenumber">148</div><div style="width:4em;display:inline-block"></div>removeClass(droptarget, dropCueClass);
<a name="line149"></a><div class="linenumber">149</div><div style="width:4em;display:inline-block"></div>return drageventcancel(e);
<a name="line150"></a><div class="linenumber">150</div><div style="width:2em;display:inline-block"></div>}
<a name="line151"></a><div class="linenumber">151</div>
<a name="line152"></a><div class="linenumber">152</div><div style="width:2em;display:inline-block"></div>var addEvent = (function() {
<a name="line153"></a><div class="linenumber">153</div><div style="width:4em;display:inline-block"></div>if (document.addEventListener) {
<a name="line154"></a><div class="linenumber">154</div><div style="width:6em;display:inline-block"></div>return function(el, type, fn) {
<a name="line155"></a><div class="linenumber">155</div><div style="width:8em;display:inline-block"></div>if (el && el.nodeName || el === window) {
<a name="line156"></a><div class="linenumber">156</div><div style="width:10em;display:inline-block"></div>el.addEventListener(type, fn, false);
<a name="line157"></a><div class="linenumber">157</div><div style="width:8em;display:inline-block"></div>} else if (el && el.length) {
<a name="line158"></a><div class="linenumber">158</div><div style="width:10em;display:inline-block"></div>for (var i = 0; i < el.length; i++) {
<a name="line159"></a><div class="linenumber">159</div><div style="width:12em;display:inline-block"></div>addEvent(el[i], type, fn);
<a name="line160"></a><div class="linenumber">160</div><div style="width:10em;display:inline-block"></div>}
<a name="line161"></a><div class="linenumber">161</div><div style="width:8em;display:inline-block"></div>}
<a name="line162"></a><div class="linenumber">162</div><div style="width:6em;display:inline-block"></div>};
<a name="line163"></a><div class="linenumber">163</div><div style="width:4em;display:inline-block"></div>} else {
<a name="line164"></a><div class="linenumber">164</div><div style="width:6em;display:inline-block"></div>return function(el, type, fn) {
<a name="line165"></a><div class="linenumber">165</div><div style="width:8em;display:inline-block"></div>if (el && el.nodeName || el === window) {
<a name="line166"></a><div class="linenumber">166</div><div style="width:10em;display:inline-block"></div>el.attachEvent('on' + type, function() {
<a name="line167"></a><div class="linenumber">167</div><div style="width:12em;display:inline-block"></div>return fn.call(el, window.event);
<a name="line168"></a><div class="linenumber">168</div><div style="width:10em;display:inline-block"></div>});
<a name="line169"></a><div class="linenumber">169</div><div style="width:8em;display:inline-block"></div>} else if (el && el.length) {
<a name="line170"></a><div class="linenumber">170</div><div style="width:10em;display:inline-block"></div>for (var i = 0; i < el.length; i++) {
<a name="line171"></a><div class="linenumber">171</div><div style="width:12em;display:inline-block"></div>addEvent(el[i], type, fn);
<a name="line172"></a><div class="linenumber">172</div><div style="width:10em;display:inline-block"></div>}
<a name="line173"></a><div class="linenumber">173</div><div style="width:8em;display:inline-block"></div>}
<a name="line174"></a><div class="linenumber">174</div><div style="width:6em;display:inline-block"></div>};
<a name="line175"></a><div class="linenumber">175</div><div style="width:4em;display:inline-block"></div>}
<a name="line176"></a><div class="linenumber">176</div><div style="width:2em;display:inline-block"></div>})();
<a name="line177"></a><div class="linenumber">177</div>
<a name="line178"></a><div class="linenumber">178</div><div style="width:2em;display:inline-block"></div>droptarget.ondrop = dropHandler;
<a name="line179"></a><div class="linenumber">179</div><div style="width:2em;display:inline-block"></div>droptarget.ondragenter = dragEnterHandler;
<a name="line180"></a><div class="linenumber">180</div><div style="width:2em;display:inline-block"></div>droptarget.ondragleave = dragLeaveHandler;
<a name="line181"></a><div class="linenumber">181</div><div style="width:2em;display:inline-block"></div>droptarget.ondragover = drageventcancel;
<a name="line182"></a><div class="linenumber">182</div><div style="width:0em;display:inline-block"></div>};
<a name="line183"></a><div class="linenumber">183</div>
<a name="line184"></a><div class="linenumber">184</div><div style="width:0em;display:inline-block"></div>/**
<a name="line185"></a><div class="linenumber">185</div><div style="width:0em;display:inline-block"></div>* Builds a function that can be used to send a group of files to a peer.
<a name="line186"></a><div class="linenumber">186</div><div style="width:0em;display:inline-block"></div>* @param {String} destUser easyrtcid of the person being sent to.
<a name="line187"></a><div class="linenumber">187</div><div style="width:0em;display:inline-block"></div>* @param {Function} progressListener - if provided, is called with the following objects:
<a name="line188"></a><div class="linenumber">188</div><div style="width:0em;display:inline-block"></div>* {status:"waiting"} // once a file offer has been sent but not accepted or rejected yet
<a name="line189"></a><div class="linenumber">189</div><div style="width:0em;display:inline-block"></div>* {status:"started_file", name: filename}
<a name="line190"></a><div class="linenumber">190</div><div style="width:0em;display:inline-block"></div>* {status:"working", name:filename, position:position_in_file, size:size_of_current_file, numFiles:number_of_files_left}
<a name="line191"></a><div class="linenumber">191</div><div style="width:0em;display:inline-block"></div>* {status:"cancelled"} // if the remote user cancels the sending
<a name="line192"></a><div class="linenumber">192</div><div style="width:0em;display:inline-block"></div>* {status:"done"} // when the file is done
<a name="line193"></a><div class="linenumber">193</div><div style="width:0em;display:inline-block"></div>* the progressListener should always return true for normal operation, false to cancel a filetransfer.
<a name="line194"></a><div class="linenumber">194</div><div style="width:0em;display:inline-block"></div>* @return {Function} an object that accepts an array of File (the Files to be sent), and a boolean
<a name="line195"></a><div class="linenumber">195</div><div style="width:0em;display:inline-block"></div>* @param {Object} options - overide default file transfer settings
<a name="line196"></a><div class="linenumber">196</div><div style="width:0em;display:inline-block"></div>* maxPacketSize is the size (before base64 encoding) that is sent in a
<a name="line197"></a><div class="linenumber">197</div><div style="width:0em;display:inline-block"></div>* single data channel message, in bytes.
<a name="line198"></a><div class="linenumber">198</div><div style="width:0em;display:inline-block"></div>* maxChunkSize is the amount read from a file at a time, in bytes.
<a name="line199"></a><div class="linenumber">199</div><div style="width:0em;display:inline-block"></div>* ackThreshold is the amount of data that can be sent before an ack is
<a name="line200"></a><div class="linenumber">200</div><div style="width:0em;display:inline-block"></div>* received from the party we're sending to, bytes.
<a name="line201"></a><div class="linenumber">201</div><div style="width:0em;display:inline-block"></div>* maxChunkSize should be a multiple of maxPacketSize.
<a name="line202"></a><div class="linenumber">202</div><div style="width:0em;display:inline-block"></div>* ackThreshold should be several times larger than maxChunkSize. For
<a name="line203"></a><div class="linenumber">203</div><div style="width:0em;display:inline-block"></div>* network paths that have greater latency, increase
<a name="line204"></a><div class="linenumber">204</div><div style="width:0em;display:inline-block"></div>* ackThreshold further.
<a name="line205"></a><div class="linenumber">205</div><div style="width:0em;display:inline-block"></div>*/
<a name="line206"></a><div class="linenumber">206</div><div style="width:0em;display:inline-block"></div>easyrtc_ft.buildFileSender = function(destUser, progressListener, options) {
<a name="line207"></a><div class="linenumber">207</div><div style="width:2em;display:inline-block"></div>options = options || {};
<a name="line208"></a><div class="linenumber">208</div><div style="width:2em;display:inline-block"></div>var droptarget;
<a name="line209"></a><div class="linenumber">209</div><div style="width:2em;display:inline-block"></div>var seq = 0;
<a name="line210"></a><div class="linenumber">210</div><div style="width:2em;display:inline-block"></div>var positionAcked = 0;
<a name="line211"></a><div class="linenumber">211</div><div style="width:2em;display:inline-block"></div>var filePosition = 0;
<a name="line212"></a><div class="linenumber">212</div><div style="width:2em;display:inline-block"></div>var filesOffered = []; // TODO ARray vs Object look weird here but seq is Number
<a name="line213"></a><div class="linenumber">213</div><div style="width:2em;display:inline-block"></div>var filesBeingSent = [];
<a name="line214"></a><div class="linenumber">214</div><div style="width:2em;display:inline-block"></div>var curFile = null;
<a name="line215"></a><div class="linenumber">215</div><div style="width:2em;display:inline-block"></div>var curSeq = null;
<a name="line216"></a><div class="linenumber">216</div><div style="width:2em;display:inline-block"></div>var curFileSize;
<a name="line217"></a><div class="linenumber">217</div><div style="width:2em;display:inline-block"></div>var filesAreBinary;
<a name="line218"></a><div class="linenumber">218</div><div style="width:2em;display:inline-block"></div>var maxPacketSize = options.maxPacketSize || (10 * 1024); // max bytes per packet, before base64 encoding
<a name="line219"></a><div class="linenumber">219</div><div style="width:2em;display:inline-block"></div>var maxChunkSize = options.maxPacketSize || (maxPacketSize * 10); // max binary bytes read at a time.
<a name="line220"></a><div class="linenumber">220</div><div style="width:2em;display:inline-block"></div>var ackThreshold = options.maxPacketSize || (maxChunkSize * 4); // send is allowed to be 400KB ahead of receiver
<a name="line221"></a><div class="linenumber">221</div>
<a name="line222"></a><div class="linenumber">222</div><div style="width:2em;display:inline-block"></div>var waitingForAck = false;
<a name="line223"></a><div class="linenumber">223</div><div style="width:2em;display:inline-block"></div>var offersWaiting = [];
<a name="line224"></a><div class="linenumber">224</div><div style="width:2em;display:inline-block"></div>var outseq = 0;
<a name="line225"></a><div class="linenumber">225</div>
<a name="line226"></a><div class="linenumber">226</div><div style="width:2em;display:inline-block"></div>function fileCancelReceived(sender, msgType, msgData, targeting) {
<a name="line227"></a><div class="linenumber">227</div>
<a name="line228"></a><div class="linenumber">228</div><div style="width:4em;display:inline-block"></div>if (!msgData.seq || !filesOffered[msgData.seq]){
<a name="line229"></a><div class="linenumber">229</div><div style="width:6em;display:inline-block"></div>return;
<a name="line230"></a><div class="linenumber">230</div><div style="width:4em;display:inline-block"></div>}
<a name="line231"></a><div class="linenumber">231</div>
<a name="line232"></a><div class="linenumber">232</div><div style="width:4em;display:inline-block"></div>progressListener({
<a name="line233"></a><div class="linenumber">233</div><div style="width:6em;display:inline-block"></div>seq: msgData.seq,
<a name="line234"></a><div class="linenumber">234</div><div style="width:6em;display:inline-block"></div>status: "cancelled"
<a name="line235"></a><div class="linenumber">235</div><div style="width:4em;display:inline-block"></div>});
<a name="line236"></a><div class="linenumber">236</div>
<a name="line237"></a><div class="linenumber">237</div><div style="width:4em;display:inline-block"></div>// Offer can be offered only once
<a name="line238"></a><div class="linenumber">238</div><div style="width:4em;display:inline-block"></div>delete filesOffered[msgData.seq];
<a name="line239"></a><div class="linenumber">239</div><div style="width:2em;display:inline-block"></div>}
<a name="line240"></a><div class="linenumber">240</div>
<a name="line241"></a><div class="linenumber">241</div><div style="width:2em;display:inline-block"></div>function cancelFilesOffer(offerSeq) {
<a name="line242"></a><div class="linenumber">242</div>
<a name="line243"></a><div class="linenumber">243</div><div style="width:4em;display:inline-block"></div>// Clear from of
<a name="line244"></a><div class="linenumber">244</div><div style="width:4em;display:inline-block"></div>if (filesOffered[offerSeq]) {
<a name="line245"></a><div class="linenumber">245</div>
<a name="line246"></a><div class="linenumber">246</div><div style="width:6em;display:inline-block"></div>fileCancelReceived(destUser, 'filesCancel', filesOffered[offerSeq]);
<a name="line247"></a><div class="linenumber">247</div>
<a name="line248"></a><div class="linenumber">248</div><div style="width:6em;display:inline-block"></div>delete filesOffered[offerSeq];
<a name="line249"></a><div class="linenumber">249</div><div style="width:4em;display:inline-block"></div>} else {
<a name="line250"></a><div class="linenumber">250</div>
<a name="line251"></a><div class="linenumber">251</div><div style="width:6em;display:inline-block"></div>// Clear from waiting queue
<a name="line252"></a><div class="linenumber">252</div><div style="width:6em;display:inline-block"></div>offersWaiting = offersWaiting.filter(function(offersWaiting) {
<a name="line253"></a><div class="linenumber">253</div><div style="width:8em;display:inline-block"></div>var isOfferToCancel = offersWaiting.seq === offerSeq;
<a name="line254"></a><div class="linenumber">254</div><div style="width:8em;display:inline-block"></div>if (isOfferToCancel) {
<a name="line255"></a><div class="linenumber">255</div><div style="width:10em;display:inline-block"></div>fileCancelReceived(destUser, 'filesCancel', offersWaiting);
<a name="line256"></a><div class="linenumber">256</div><div style="width:8em;display:inline-block"></div>}
<a name="line257"></a><div class="linenumber">257</div><div style="width:8em;display:inline-block"></div>return !isOfferToCancel;
<a name="line258"></a><div class="linenumber">258</div><div style="width:6em;display:inline-block"></div>});
<a name="line259"></a><div class="linenumber">259</div><div style="width:4em;display:inline-block"></div>}
<a name="line260"></a><div class="linenumber">260</div>
<a name="line261"></a><div class="linenumber">261</div><div style="width:4em;display:inline-block"></div>easyrtc.sendData(destUser, "filesChunk", {
<a name="line262"></a><div class="linenumber">262</div><div style="width:6em;display:inline-block"></div>seq: offerSeq,
<a name="line263"></a><div class="linenumber">263</div><div style="width:6em;display:inline-block"></div>done: "cancelled"
<a name="line264"></a><div class="linenumber">264</div><div style="width:4em;display:inline-block"></div>});
<a name="line265"></a><div class="linenumber">265</div><div style="width:2em;display:inline-block"></div>}
<a name="line266"></a><div class="linenumber">266</div>
<a name="line267"></a><div class="linenumber">267</div><div style="width:2em;display:inline-block"></div>function sendFilesOffer(files, areBinary) {
<a name="line268"></a><div class="linenumber">268</div>
<a name="line269"></a><div class="linenumber">269</div><div style="width:4em;display:inline-block"></div>var fileNameList = [];
<a name="line270"></a><div class="linenumber">270</div><div style="width:4em;display:inline-block"></div>for (var i = 0, l = files.length; i < l; i++) {
<a name="line271"></a><div class="linenumber">271</div><div style="width:6em;display:inline-block"></div>fileNameList[i] = {
<a name="line272"></a><div class="linenumber">272</div><div style="width:8em;display:inline-block"></div>name: files[i].name,
<a name="line273"></a><div class="linenumber">273</div><div style="width:8em;display:inline-block"></div>size: files[i].size
<a name="line274"></a><div class="linenumber">274</div><div style="width:6em;display:inline-block"></div>};
<a name="line275"></a><div class="linenumber">275</div><div style="width:4em;display:inline-block"></div>}
<a name="line276"></a><div class="linenumber">276</div>
<a name="line277"></a><div class="linenumber">277</div><div style="width:4em;display:inline-block"></div>seq++;
<a name="line278"></a><div class="linenumber">278</div><div style="width:4em;display:inline-block"></div>filesOffered[seq] = {
<a name="line279"></a><div class="linenumber">279</div><div style="width:6em;display:inline-block"></div>seq: seq,
<a name="line280"></a><div class="linenumber">280</div><div style="width:6em;display:inline-block"></div>files: files,
<a name="line281"></a><div class="linenumber">281</div><div style="width:6em;display:inline-block"></div>areBinary: areBinary
<a name="line282"></a><div class="linenumber">282</div><div style="width:4em;display:inline-block"></div>};
<a name="line283"></a><div class="linenumber">283</div>
<a name="line284"></a><div class="linenumber">284</div><div style="width:4em;display:inline-block"></div>easyrtc.sendDataWS(destUser, "filesOffer", {
<a name="line285"></a><div class="linenumber">285</div><div style="width:6em;display:inline-block"></div>seq: seq,
<a name="line286"></a><div class="linenumber">286</div><div style="width:6em;display:inline-block"></div>fileNameList: fileNameList
<a name="line287"></a><div class="linenumber">287</div><div style="width:4em;display:inline-block"></div>});
<a name="line288"></a><div class="linenumber">288</div>
<a name="line289"></a><div class="linenumber">289</div><div style="width:4em;display:inline-block"></div>progressListener({
<a name="line290"></a><div class="linenumber">290</div><div style="width:6em;display:inline-block"></div>seq: seq,
<a name="line291"></a><div class="linenumber">291</div><div style="width:6em;display:inline-block"></div>status: "waiting"
<a name="line292"></a><div class="linenumber">292</div><div style="width:4em;display:inline-block"></div>});
<a name="line293"></a><div class="linenumber">293</div>
<a name="line294"></a><div class="linenumber">294</div><div style="width:4em;display:inline-block"></div>return cancelFilesOffer.bind(null, seq);
<a name="line295"></a><div class="linenumber">295</div><div style="width:2em;display:inline-block"></div>}
<a name="line296"></a><div class="linenumber">296</div>
<a name="line297"></a><div class="linenumber">297</div><div style="width:2em;display:inline-block"></div>function addOfferToWaitingList(offer) {
<a name="line298"></a><div class="linenumber">298</div><div style="width:4em;display:inline-block"></div>offersWaiting.push(offer);
<a name="line299"></a><div class="linenumber">299</div><div style="width:2em;display:inline-block"></div>}
<a name="line300"></a><div class="linenumber">300</div>
<a name="line301"></a><div class="linenumber">301</div><div style="width:2em;display:inline-block"></div>function processOfferWaiting() {
<a name="line302"></a><div class="linenumber">302</div><div style="width:4em;display:inline-block"></div>if (offersWaiting.length > 0) {
<a name="line303"></a><div class="linenumber">303</div><div style="width:6em;display:inline-block"></div>setTimeout(function() {
<a name="line304"></a><div class="linenumber">304</div><div style="width:8em;display:inline-block"></div>var fileset = offersWaiting.shift();
<a name="line305"></a><div class="linenumber">305</div><div style="width:8em;display:inline-block"></div>sendOffer(fileset);
<a name="line306"></a><div class="linenumber">306</div><div style="width:6em;display:inline-block"></div>}, 240);
<a name="line307"></a><div class="linenumber">307</div><div style="width:4em;display:inline-block"></div>}
<a name="line308"></a><div class="linenumber">308</div><div style="width:2em;display:inline-block"></div>}
<a name="line309"></a><div class="linenumber">309</div>
<a name="line310"></a><div class="linenumber">310</div><div style="width:2em;display:inline-block"></div>function sendChunk() {
<a name="line311"></a><div class="linenumber">311</div>
<a name="line312"></a><div class="linenumber">312</div><div style="width:4em;display:inline-block"></div>if (!curSeq) {
<a name="line313"></a><div class="linenumber">313</div><div style="width:6em;display:inline-block"></div>return;
<a name="line314"></a><div class="linenumber">314</div><div style="width:4em;display:inline-block"></div>}
<a name="line315"></a><div class="linenumber">315</div>
<a name="line316"></a><div class="linenumber">316</div><div style="width:4em;display:inline-block"></div>if (!curFile) {
<a name="line317"></a><div class="linenumber">317</div><div style="width:6em;display:inline-block"></div>if (filesBeingSent.length === 0) {
<a name="line318"></a><div class="linenumber">318</div>
<a name="line319"></a><div class="linenumber">319</div><div style="width:8em;display:inline-block"></div>outseq = 0;
<a name="line320"></a><div class="linenumber">320</div><div style="width:8em;display:inline-block"></div>easyrtc.sendData(destUser, "filesChunk", {
<a name="line321"></a><div class="linenumber">321</div><div style="width:10em;display:inline-block"></div>seq: curSeq,
<a name="line322"></a><div class="linenumber">322</div><div style="width:10em;display:inline-