How to Change logos in Openvidu-call

OpenVidu v2 How to implement?
1

Hi Guys,

Can you please guide me on the exact steps or any reference URL to change the logo image for openvidu-call? I understand that I need to perform the changes in source code. I have installed the openvidu-call on the production server by following “https://docs.openvidu.io/en/2.14.0/deployment/deploying-on-premises/” and it’s working fine, and following “https://docs.openvidu.io/en/2.14.0/developing/” to change the logo, rebranding.

Note: I am working on a production server with a domain name something like “xyz.com”.

Thanks,

2

Hello,

For change the logos and customize colors you have to edit the code and build it.

You can read and undestrand the OpenVidu Call structure and how build OpenVidu Call for production

Allow customize OpenVidu Call easier is in our roadmap.

Stay tuned.

3

Hello,

Thank you for the update. I have performed the below:

git clone https://github.com/OpenVidu/openvidu-call.git

“Uploaded the logo, jpg files under openvidu-call/openvidu-call-front/src/assets/images/”

docker run -p 4443:4443 --rm -e DOMAIN_OR_PUBLIC_IP=xyz.com -e OPENVIDU_SECRET=q1w2e3r4t5 openvidu/openvidu-server-kms:2.14.0

OpenVidu is ready!

npm install --prefix openvidu-call-back
npm run start --prefix openvidu-call-back

“Output of the above start command”:

OPENVIDU URL: https://xyz.com:4443
OPENVIDU SECRET: q1w2e3r4t5
CALL OPENVIDU CERTTYPE: selfsigned
OpenVidu Call Server is listening on port 5000

npm install --prefix openvidu-call-front
cd openvidu-call-front

Updated files as :
l# cat openvidu-call-front/src/proxy.conf.json
{
“/”: {
“target”: “http://xyz.com:5000”,
“secure”: false
}
}

“vi openvidu-call-front/e2e/protractor.conf.js”
baseUrl: (process.env.APP_URL || ‘http://xyz.com:4200/’),

npx ng serve --host 0.0.0.0 --disableHostCheck --open

Date: 2020-06-22T17:33:46.478Z - Hash: 28bcfa293010904cd272 - Time: 14769ms
** Angular Live Development Server is listening on 0.0.0.0:4200, open your browser on…
: Compiled successfully.

Now xyz.com:4200 is loading fine with new background, etc but dashboard test is showing as below in console:

=====
ICE failed, add a TURN server and see about:webrtc for more details
IceConnectionState of RTCPeerConnection 022119ad-b281-4f9a-a502-90aca4e6f7bc (publisher of con_QVh4K5geaD) to “failed”

Dashboard Screenshot:

error
error1286×574 52.2 KB

I would really appreciate for your further help.

Thanks,

4

Why are you starting and deploying the development mode of openvidu server and openvidu call In a production environment? :thinking:

5

As per your first response, " You can read and understand the OpenVidu Call structure and how build OpenVidu Call for production"

Did you mean, I should skip the step " docker run -p 4443:4443 --rm -e DOMAIN_OR_PUBLIC_IP=xyz.com -e OPENVIDU_SECRET=q1w2e3r4t5 openvidu/openvidu-server-kms:2.14.0" and try to run docker with “https://docs.openvidu.io/en/2.14.0/demos/openvidu-call/#how-to-build-openvidu-call”?

I would appreciate it if you can please write the steps for me to white-label the openvidu-call on a production server instead of posting urls.

Thanks

6

Hello @Mohinder_Singh,

First of all, if you want to deploy OpenVidu for production use, you should deploy it following the instructions of this URL:

https://docs.openvidu.io/en/2.14.0/deployment/

Then, if you want to modify OpenVidu Call app, you should understand the source code, change it, package your app, and deploy it. For that, you should understand how to “develop apps” in general.

We can not explain step by step how to modify a web application.

Regards