ghaymah_dev/codepill-sfu
1
0
نسخ 0
الشفرة المشكلات طلبات السحب Actions Packages المشاريع الإصدارات الويكي النشاط

[mirotalksfu] - improve aspect ratio

تصفح المصدر
هذا الالتزام موجود في:
Miroslav Pejic
2022-02-28 08:58:27 +01:00
الأصل 3823cc72c0
التزام 35c90bd2ca
2 ملفات معدلة مع 20 إضافات و13 حذوفات
تنزيل ملف التصحيح تنزيل ملف الاختلاف توسيع جميع الملفات طي جميع الملفات

3
public/js/Room.js
عرض الملف

@@ -817,9 +817,6 @@ function handleSelects() {
BtnsAspectRatio.onchange = () => { BtnsAspectRatio.onchange = () => {
setAspectRatio(BtnsAspectRatio.value); setAspectRatio(BtnsAspectRatio.value);
}; };
adaptAspectRatio(1);
BtnsBarPosition.onchange = () => { BtnsBarPosition.onchange = () => {
rc.changeBtnsBarPosition(BtnsBarPosition.value); rc.changeBtnsBarPosition(BtnsBarPosition.value);
}; };

30
public/js/RoomClient.js
عرض الملف

@@ -640,7 +640,8 @@ class RoomClient {
}); });
elem.parentNode.removeChild(elem); elem.parentNode.removeChild(elem);
resizeVideoMedia(); adaptAspectRatio(this.videoMediaContainer.childElementCount);
console.log('[transportClose] Video-element-count', this.videoMediaContainer.childElementCount);
} }
this.producers.delete(producer.id); this.producers.delete(producer.id);
}); });
@@ -653,7 +654,8 @@ class RoomClient {
}); });
elem.parentNode.removeChild(elem); elem.parentNode.removeChild(elem);
resizeVideoMedia(); adaptAspectRatio(this.videoMediaContainer.childElementCount);
console.log('[closingProducer] Video-element-count', this.videoMediaContainer.childElementCount);
} }
this.producers.delete(producer.id); this.producers.delete(producer.id);
}); });
@@ -820,7 +822,8 @@ class RoomClient {
this.popupPeerInfo(p.id, this.peer_info); this.popupPeerInfo(p.id, this.peer_info);
this.checkPeerInfoStatus(this.peer_info); this.checkPeerInfoStatus(this.peer_info);
this.sound('joined'); this.sound('joined');
resizeVideoMedia(); adaptAspectRatio(this.videoMediaContainer.childElementCount);
console.log('[addProducer] Video-element-count', this.videoMediaContainer.childElementCount);
if (!this.isMobileDevice) { if (!this.isMobileDevice) {
this.setTippy(elem.id, 'Full Screen', 'top-end'); this.setTippy(elem.id, 'Full Screen', 'top-end');
this.setTippy(ts.id, 'Snapshot', 'top-end'); this.setTippy(ts.id, 'Snapshot', 'top-end');
@@ -906,7 +909,8 @@ class RoomClient {
}); });
d.parentNode.removeChild(d); d.parentNode.removeChild(d);
resizeVideoMedia(); adaptAspectRatio(this.videoMediaContainer.childElementCount);
console.log('[producerClose] Video-element-count', this.videoMediaContainer.childElementCount);
} }
switch (type) { switch (type) {
@@ -1047,7 +1051,8 @@ class RoomClient {
this.popupPeerInfo(p.id, peer_info); this.popupPeerInfo(p.id, peer_info);
this.checkPeerInfoStatus(peer_info); this.checkPeerInfoStatus(peer_info);
this.sound('joined'); this.sound('joined');
resizeVideoMedia(); adaptAspectRatio(this.videoMediaContainer.childElementCount);
console.log('[addConsumer] Video-element-count', this.videoMediaContainer.childElementCount);
if (!this.isMobileDevice) { if (!this.isMobileDevice) {
this.setTippy(elem.id, 'Full Screen', 'top-end'); this.setTippy(elem.id, 'Full Screen', 'top-end');
this.setTippy(ts.id, 'Snapshot', 'top-end'); this.setTippy(ts.id, 'Snapshot', 'top-end');
@@ -1077,7 +1082,8 @@ class RoomClient {
if (elem) elem.parentNode.removeChild(elem); if (elem) elem.parentNode.removeChild(elem);
if (d) d.parentNode.removeChild(d); if (d) d.parentNode.removeChild(d);
resizeVideoMedia(); adaptAspectRatio(this.videoMediaContainer.childElementCount);
console.log('[removeConsumer] Video-element-count', this.videoMediaContainer.childElementCount);
this.consumers.delete(consumer_id); this.consumers.delete(consumer_id);
this.sound('left'); this.sound('left');
@@ -1129,7 +1135,8 @@ class RoomClient {
this.videoMediaContainer.appendChild(d); this.videoMediaContainer.appendChild(d);
this.setVideoAvatarImgName(i.id, peer_name); this.setVideoAvatarImgName(i.id, peer_name);
this.getId(i.id).style.display = 'block'; this.getId(i.id).style.display = 'block';
resizeVideoMedia(); adaptAspectRatio(this.videoMediaContainer.childElementCount);
console.log('[setVideoOff] Video-element-count', this.videoMediaContainer.childElementCount);
this.sound('joined'); this.sound('joined');
} }
@@ -1137,7 +1144,8 @@ class RoomClient {
let pvOff = this.getId(peer_id + '__videoOff'); let pvOff = this.getId(peer_id + '__videoOff');
if (pvOff) { if (pvOff) {
pvOff.parentNode.removeChild(pvOff); pvOff.parentNode.removeChild(pvOff);
resizeVideoMedia(); adaptAspectRatio(this.videoMediaContainer.childElementCount);
console.log('[removeVideoOff] Video-element-count', this.videoMediaContainer.childElementCount);
this.sound('left'); this.sound('left');
} }
} }
@@ -2223,7 +2231,8 @@ class RoomClient {
iframe.setAttribute('allowfullscreen', true); iframe.setAttribute('allowfullscreen', true);
d.appendChild(iframe); d.appendChild(iframe);
this.videoMediaContainer.appendChild(d); this.videoMediaContainer.appendChild(d);
resizeVideoMedia(); adaptAspectRatio(this.videoMediaContainer.childElementCount);
console.log('[openYouTube] Video-element-count', this.videoMediaContainer.childElementCount);
this.sound('joined'); this.sound('joined');
} }
@@ -2239,7 +2248,8 @@ class RoomClient {
if (youTubeDiv) { if (youTubeDiv) {
hide(youTubeCloseBtn); hide(youTubeCloseBtn);
youTubeDiv.parentNode.removeChild(youTubeDiv); youTubeDiv.parentNode.removeChild(youTubeDiv);
resizeVideoMedia(); adaptAspectRatio(this.videoMediaContainer.childElementCount);
console.log('[closeYouTube] Video-element-count', this.videoMediaContainer.childElementCount);
this.sound('left'); this.sound('left');
} }
} }