ambiser
/
openvidu
mirror of https://github.com/OpenVidu/openvidu.git
8
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

openvidu-components: Improved video aspect ratios in layout

pull/707/head
csantosm 2022-02-14 10:41:55 +01:00
parent 956baad89f
commit ead068fbee
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css
View File

@ -219,6 +219,7 @@
position: relative; position: relative;
min-width: 48px; min-width: 48px;
min-height: 48px; min-height: 48px;
margin: 1px;
} }
.OT_publisher .OT_video-element, .OT_publisher .OT_video-element,

6
openvidu-components-angular/projects/openvidu-angular/src/lib/services/layout/layout.service.ts
View File

@ -36,14 +36,14 @@ export class LayoutService {
getOptions(): OpenViduLayoutOptions { getOptions(): OpenViduLayoutOptions {
const options = { const options = {
maxRatio: 3 / 2, // The narrowest ratio that will be used (default 2x3) maxRatio: 3 / 2, // The narrowest ratio that will be used (default 2x3)
minRatio: 9 / 15, // The widest ratio that will be used (default 16x9) minRatio: 9 / 16, // The widest ratio that will be used (default 16x9)
fixedRatio: false /* If this is true then the aspect ratio of the video is maintained fixedRatio: false /* If this is true then the aspect ratio of the video is maintained
and minRatio and maxRatio are ignored (default false) */, and minRatio and maxRatio are ignored (default false) */,
bigClass: LayoutClass.BIG_ELEMENT, // The class to add to elements that should be sized bigger bigClass: LayoutClass.BIG_ELEMENT, // The class to add to elements that should be sized bigger
smallClass: LayoutClass.SMALL_ELEMENT, smallClass: LayoutClass.SMALL_ELEMENT,
bigPercentage: 0.85, // The maximum percentage of space the big ones should take up bigPercentage: 0.7, // The maximum percentage of space the big ones should take up
bigFixedRatio: false, // fixedRatio for the big ones bigFixedRatio: false, // fixedRatio for the big ones
bigMaxRatio: 3 / 2, // The narrowest ratio to use for the big elements (default 2x3) bigMaxRatio: 9 / 16, // The narrowest ratio to use for the big elements (default 2x3)
bigMinRatio: 9 / 16, // The widest ratio to use for the big elements (default 16x9) bigMinRatio: 9 / 16, // The widest ratio to use for the big elements (default 16x9)
bigFirst: true, // Whether to place the big one in the top left (true) or bottom right bigFirst: true, // Whether to place the big one in the top left (true) or bottom right
animate: true // Whether you want to animate the transitions. Invalid property, to disable it remove transition: all .1s linear; animate: true // Whether you want to animate the transitions. Invalid property, to disable it remove transition: all .1s linear;