Create Source by using Web Socket obs-websocket-js, problem setting scene item (SetSceneItemTransform)

[emorenoricart]

Hello friends, I´m new OBS user and I´m trying to integrate OBS with a remote controller custom web app. I got my web app frontend connected to OBS by using websocket (obs-websocket-js), it works very well. I can create sources via websocket, and control cuts, transitions, tally request, etc and works very nice. But one little thing, I created (remotelly) a new source, that source is smaller (size 640x360) so it is shown smaller and screen, which is normal, it happens the same created manually, so you have to apply a fit-to-screen transform (also manually) to get the full screen version of source. The problem is I cannot apply that change via web socket, I create the source using 'CreateInput' call request from my frontend, it works well, then I try to set the bounds to full screen by using 'transformSettings' request, with data as follows:
const newSettings = {
boundsType: 'OBS_BOUNDS_SCALE_INNER',
bounds: { x: 1920, y: 1080 },
scale: { x: 1, y: 1 },
position: { x: 0, y: 0 },
alignment: 3,
boundsRel: 0,
};

OBS "applies" the data to settings, no error is displayed or thrown, but the source is not visible, the problem is the bounds x/y values are set to 1px rather that 1920 and 1080. I can see x/y bounds values in the Transform -> Transform Edit window from the source. The logs are as follows:
8.727: DShow: AVerMedia tonemapper enable=1
01:27:44.953: User added source 'Camera-3-0-ultima' (dshow_input) to scene 'Scene'
01:27:46.230: ---------------------------------
01:27:46.230: [DShow Device: 'Camera-3-0-ultima'] settings updated:
01:27:46.230: video device: HP Wide Vision HD Camera
01:27:46.230: video path: \\?\usb#vid_05c8&pid_03df&mi_00#6&112d0070&0&0000#{65e8773d-8f56-11d0-a3b9-00a0c9223196}\global
01:27:46.230: resolution: 640x360
01:27:46.230: flip: 0
01:27:46.230: fps: 30.00 (interval: 333333)
01:27:46.230: format: NV12
01:27:46.230: buffering: disabled
01:27:46.230: hardware decode: disabled
01:27:46.230: DShow: AVerMedia tonemapper enable=1

My enviroment is:
OS: Windows 11 (OS build: 26100.4946)
OBS: 31.1.2 (64bit)
obs-websocket-js: 5.0.6

I tried multiple values of those props and results were the same. No idea I could be doing wrongly.
I need some help, I thank you all in advance

Ed

 

[emorenoricart]

Hello friends, I´m new OBS user and I´m trying to integrate OBS with a remote controller custom web app. I got my web app frontend connected to OBS by using websocket (obs-websocket-js), it works very well. I can create sources via websocket, and control cuts, transitions, tally request, etc and works very nice. But one little thing, I created (remotelly) a new source, that source is smaller (size 640x360) so it is shown smaller and screen, which is normal, it happens the same created manually, so you have to apply a fit-to-screen transform (also manually) to get the full screen version of source. The problem is I cannot apply that change via web socket, I create the source using 'CreateInput' call request from my frontend, it works well, then I try to set the bounds to full screen by using 'transformSettings' request, with data as follows:
const newSettings = {
boundsType: 'OBS_BOUNDS_SCALE_INNER',
bounds: { x: 1920, y: 1080 },
scale: { x: 1, y: 1 },
position: { x: 0, y: 0 },
alignment: 3,
boundsRel: 0,
};

OBS "applies" the data to settings, no error is displayed or thrown, but the source is not visible, the problem is the bounds x/y values are set to 1px rather that 1920 and 1080. I can see x/y bounds values in the Transform -> Transform Edit window from the source. The logs are as follows:
8.727: DShow: AVerMedia tonemapper enable=1
01:27:44.953: User added source 'Camera-3-0-ultima' (dshow_input) to scene 'Scene'
01:27:46.230: ---------------------------------
01:27:46.230: [DShow Device: 'Camera-3-0-ultima'] settings updated:
01:27:46.230: video device: HP Wide Vision HD Camera
01:27:46.230: video path: \\?\usb#vid_05c8&pid_03df&mi_00#6&112d0070&0&0000#{65e8773d-8f56-11d0-a3b9-00a0c9223196}\global
01:27:46.230: resolution: 640x360
01:27:46.230: flip: 0
01:27:46.230: fps: 30.00 (interval: 333333)
01:27:46.230: format: NV12
01:27:46.230: buffering: disabled
01:27:46.230: hardware decode: disabled
01:27:46.230: DShow: AVerMedia tonemapper enable=1

My enviroment is:
OS: Windows 11 (OS build: 26100.4946)
OBS: 31.1.2 (64bit)
obs-websocket-js: 5.0.6

I tried multiple values of those props and results were the same. No idea I could be doing wrongly.
I need some help, I thank you all in advance

Ed

Follow-up / Clarification:
Just to clarify something from my original post — the code I shared was from a helper object (transformSettings) used internally in my app. In the actual SetSceneItemTransform WebSocket call, I do use the correct property name: boundsAlignment.


Here’s the actual call structure:

await obs.call('SetSceneItemTransform', { 
   sceneName,
   sceneItemId, 
   sceneItemTransform: {
      position: transformSettings.position,   
      scale: transformSettings.scale,   
      boundsType: transformSettings.boundsType,   
      bounds: transformSettings.bounds,   
      alignment: transformSettings.alignment,   
      boundsAlignment: transformSettings.boundsRel // correctly mapped here 
} });

Many thanks