Always On Video Wall

OpenVidu v2 Issues developing apps
1

I have been working on a full screen always-on video wall/screen/window
see git https://github.com/Bigben83/openvidu-always-on
there are a few things that I can’t work out in the app.js

  1. How can I get the status of the remote user audio, user video, user ?
    I would like to have the current time of the remote user showing on their video feed. also the name and show a mute button for them.

  2. I would like to add this code to the app.js function appendUserData to format the additional video feeds.
    `<div class=’“col-md-2 text-right’”>

    <div id='"video-container' class="' alt='Preview'></div> <div class='top-centered text-right text-dark p-2'> <span class='remote-time'>remote-time</span> </div> <video class='img-fluid' alt='video'></video> <div class='bottom-centered bg-secondary text-white p-2'> <span class='session-name pull-left'>session-name</span>, - <span class='session-title pull-left'>session-title</span> <span class='remote-status pull-right'><i class='fas fa-microphone text-success'></i></span> </div> </li> </ol> </div>`
2

Hello Benjamin,

For 1) just send the information from one side to another using OpenVidu signals (https://openvidu.io/docs/cheatsheet/send-messages/).

For 2) If you want a custom element for the video, then change it after the default one is included (manipulating DOM) or create your own function to create video element for the stream using “addVideoElement” for publisher or subscriber (https://openvidu.io/docs/cheatsheet/manage-videos/).

Regards.

3

As an extension to anwser 1): you can also use event StreamPropertyChanged to listen for changes in stream properties such as audio or video mute/unmute

4

Ok thanks heaps for your replies. I’m not fluent enough in js to be able to implement these so I will have to do some reading up I think. :slight_smile:

hopefully someone looks at my github repo for the always on video feed and helps out a bit.
openvidu-always-on
:smiley: