How can I insert a live website, social media, chat interface etc. into my scene?

FAQ Studio Operators

 

irst of all you have to use your browser or chat software to display the website or the interface. Then you have to capture the image of the interface and use it as an overlay or as the content of your virtual screen in your scene.


There are two approaches for capturing the interface.


A) Use another PC or laptop to display the interface, then duplicate its desktop to a secondary HDMI output. Use any HDMI capture device to carry the output into the Aximmetry PC. Then you can use it as a usual input in Aximmetry via the Video Input module.


OR:


B) Use the Aximmetry PC itself to display the browser or chat software then capture its interface from the desktop using the Screen Capture module.


By default the Screen Capture module captures the main monitor desktop. The captured area can be narrowed down using the Area property.


But if you want to capture the window of a specific application (namely your browser or chat software) you have to specify the name of the application in the App Name property. The name either can be a part of the window title text of the app or a part of the executable file name. It’s usually easy to find out, it goes like: chrome, firefox, edge, skype, whatsapp etc., the case does not matter.


 


The module tries to find the application window, then automatically narrows down the captured area to the exact location of the window.

HOWEVER: by default the module captures anything that is in that rectangle on the desktop. Therefore the desired app window must be on the top to be able to captured properly.


Sometimes the Direct property can help: if it’s On the module does not capture the desktop but instead the internal app window buffer directly. It means that the interface is captured properly even if it’s in the background.




BUT SADLY on Windows 10 this method does not work with a number of applications. In this case case you have to turn off Direct and go with the desktop method.


Another property that can help is Keep Topmost. If it’s On Aximmetry turn the application window into a topmost one, meaning that it’s always on the top of all other windows.




Use it carefully: once it is set the application remains at the top until it’s closed.

   Aximmetry

 
Profile Image
EricWest
1/12/2022 6:27:44 AM
  -  

This is a nice feature but feels a bit like a 'hackaround' to the BrowserSource which comes e.g. with free applications like OBS:
https://obsproject.com/wiki/Sources-Guide#:~:text=Browser%20source%20is%20one%20of,video%2C%20and%20even%20audio%20tasks.

Similar to this request:
https://my.aximmetry.com/post/55-chromium-embedded-frameworkcef-integration

In Aximmetry you basically need a second (or third...:-)) monitor to run the application you want to capture.
Also, switching between apps (or webpages in this case) doesn't seem to be straight forward.

We would love to have such functionality to capture dynamically generated content and bring it into the Axim Scene.
WebRTC would be another option, but it's not supported either.

So my clear vote (and feature request...:-)) goes for some sort of 'BrowserSource' like in OBS.

Cheers!

 
Profile Image
Eifert@Aximmetry
1/19/2022 4:17:25 PM
  -  

Hi Eric,

We added browser implementation to our feature requests list. We will consider adding it in future releases.

For switching between web pages while using the Screen Capture module, you could crop out the tab bar of the browser in Aximmetry. This way it doesn't show the opened pages in different browser bars.

Warmest regards,

 
Profile Image
TwentyStudios
1/19/2022 6:50:56 PM
  -  

@Efiert: That’s great news! Please implement it with alpha support and custom CSS,  like OBS does. 

 
Profile Image
EricWest
1/20/2022 6:06:53 AM
  -  

@Eifert That's incredible news indeed! Thanks a lot for your consideration!