|
@@ -117,6 +117,10 @@ const FilmStrip = {
|
117
|
117
|
}
|
118
|
118
|
},
|
119
|
119
|
|
|
120
|
+ /**
|
|
121
|
+ * Shows if filmstrip is visible
|
|
122
|
+ * @returns {boolean}
|
|
123
|
+ */
|
120
|
124
|
isFilmStripVisible() {
|
121
|
125
|
return !this.filmStrip.hasClass('hidden');
|
122
|
126
|
},
|
|
@@ -128,6 +132,10 @@ const FilmStrip = {
|
128
|
132
|
});
|
129
|
133
|
},
|
130
|
134
|
|
|
135
|
+ /**
|
|
136
|
+ * Returns the height of filmstrip
|
|
137
|
+ * @returns {number} height
|
|
138
|
+ */
|
131
|
139
|
getFilmStripHeight() {
|
132
|
140
|
if (this.isFilmStripVisible()) {
|
133
|
141
|
return this.filmStrip.outerHeight();
|
|
@@ -136,12 +144,20 @@ const FilmStrip = {
|
136
|
144
|
}
|
137
|
145
|
},
|
138
|
146
|
|
|
147
|
+ /**
|
|
148
|
+ * Returns the width of filmstip
|
|
149
|
+ * @returns {number} width
|
|
150
|
+ */
|
139
|
151
|
getFilmStripWidth() {
|
140
|
152
|
return this.filmStrip.innerWidth()
|
141
|
153
|
- parseInt(this.filmStrip.css('paddingLeft'), 10)
|
142
|
154
|
- parseInt(this.filmStrip.css('paddingRight'), 10);
|
143
|
155
|
},
|
144
|
156
|
|
|
157
|
+ /**
|
|
158
|
+ * Calculates the size for thumbnails: local and remote one
|
|
159
|
+ * @returns {*|{localVideo, remoteVideo}}
|
|
160
|
+ */
|
145
|
161
|
calculateThumbnailSize() {
|
146
|
162
|
let availableSizes = this.calculateAvailableSize();
|
147
|
163
|
let width = availableSizes.availableWidth;
|
|
@@ -184,6 +200,11 @@ const FilmStrip = {
|
184
|
200
|
return { localRatio, remoteRatio };
|
185
|
201
|
},
|
186
|
202
|
|
|
203
|
+ /**
|
|
204
|
+ * Calculates available size for one thumbnail according to
|
|
205
|
+ * the current window size
|
|
206
|
+ * @returns {{availableWidth: number, availableHeight: number}}
|
|
207
|
+ */
|
187
|
208
|
calculateAvailableSize() {
|
188
|
209
|
let availableHeight = interfaceConfig.FILM_STRIP_MAX_HEIGHT;
|
189
|
210
|
let thumbs = this.getThumbs(true);
|
|
@@ -259,6 +280,13 @@ const FilmStrip = {
|
259
|
280
|
return { availableWidth, availableHeight };
|
260
|
281
|
},
|
261
|
282
|
|
|
283
|
+ /**
|
|
284
|
+ * Takes the available size for thumbnail and calculates
|
|
285
|
+ * final size of thumbnails
|
|
286
|
+ * @param availableWidth
|
|
287
|
+ * @param availableHeight
|
|
288
|
+ * @returns {{localVideo, remoteVideo}}
|
|
289
|
+ */
|
262
|
290
|
calculateThumbnailSizeFromAvailable(availableWidth, availableHeight) {
|
263
|
291
|
let { localRatio, remoteRatio } = this.normalizeThumbnailRatio();
|
264
|
292
|
let { remoteThumbs } = this.getThumbs(true);
|
|
@@ -289,6 +317,14 @@ const FilmStrip = {
|
289
|
317
|
};
|
290
|
318
|
},
|
291
|
319
|
|
|
320
|
+ /**
|
|
321
|
+ * Resizes thumbnails
|
|
322
|
+ * @param local
|
|
323
|
+ * @param remote
|
|
324
|
+ * @param animate
|
|
325
|
+ * @param forceUpdate
|
|
326
|
+ * @returns {Promise}
|
|
327
|
+ */
|
292
|
328
|
resizeThumbnails(local, remote,
|
293
|
329
|
animate = false, forceUpdate = false) {
|
294
|
330
|
|
|
@@ -327,6 +363,11 @@ const FilmStrip = {
|
327
|
363
|
});
|
328
|
364
|
},
|
329
|
365
|
|
|
366
|
+ /**
|
|
367
|
+ * Returns thumbnails of the filmstrip
|
|
368
|
+ * @param only_visible
|
|
369
|
+ * @returns {object} thumbnails
|
|
370
|
+ */
|
330
|
371
|
getThumbs(only_visible = false) {
|
331
|
372
|
let selector = 'span';
|
332
|
373
|
if (only_visible) {
|