[mirotalk] - add toggleVideoPin top

This commit is contained in:
Miroslav Pejic
2022-11-15 14:37:32 +01:00
parent 0ff6bf221c
commit 100764119a
2 changed files with 12 additions and 0 deletions
+11
View File
@@ -2484,7 +2484,17 @@ function toggleVideoPin(position) {
const videoMediaContainer = getId('videoMediaContainer');
const videoPinMediaContainer = getId('videoPinMediaContainer');
switch (position) {
case 'top':
videoPinMediaContainer.style.top = '25%';
videoPinMediaContainer.style.width = '100%';
videoPinMediaContainer.style.height = '70%';
videoMediaContainer.style.top = 0;
videoMediaContainer.style.width = '100%';
videoMediaContainer.style.height = '25%';
videoMediaContainer.style.right = 0;
break;
case 'vertical':
videoPinMediaContainer.style.top = 0;
videoPinMediaContainer.style.width = '75%';
videoPinMediaContainer.style.height = '100%';
videoMediaContainer.style.top = 0;
@@ -2493,6 +2503,7 @@ function toggleVideoPin(position) {
videoMediaContainer.style.right = 0;
break;
case 'horizontal':
videoPinMediaContainer.style.top = 0;
videoPinMediaContainer.style.width = '100%';
videoPinMediaContainer.style.height = '75%';
videoMediaContainer.style.top = '75%';
+1
View File
@@ -335,6 +335,7 @@ access to use this app.
<select id="pinVideoPositionSelect">
<option value="vertical">Vertical</option>
<option value="horizontal">Horizontal</option>
<option value="top">Top</option>
</select>
</div>
</div>