Integrate jutsu on an existing Meteorjs 2.0 blaze app

[sir007]

Thank you @gatteo for the great and useful library!

I am currently trying to integrate jitsi meet in a meteorjs 2.0 app (build with blaze).

Please can you direct me on how to integrate you jutsu library in an existing meteor blaze app?

[this-fifo]

Hey @sir007 , thanks for the kind words but I am honestly a little confused, this library here is a wrapper for integrating Jitsi with React

You mentioned Meteorjs and Blaze, those are different frameworks, you could maybe consider including a minimal port of React like Preact to your existing project and have access to this library but you are probably better-off building a solution that targets your existing stack

Perhaps you are looking for the Jitsi project instead?

PS: you might also have tagged the wrong person who apparently had the same idea as I did but in TypeScript, I guess this project has a sister project I didn't know about 😁 👋

[sir007]

@this-fifo ,
Thank you for your quick answer.
Meteorjs natively integrates blaze that's why I used blaze for frontend.
It could be a good idea to add a minimal port of React in the project, but it is better in my case to keep using the stack meteor+blaze.
I am effectively looking for a JS library to integrate jitsi meet in my app (meteor+blaze).
Sorry I tagged the wrong person(gateo has a sister project called react-jitsi).

Now how to write this library for blaze ?

[this-fifo]

@sir007 no worries, I'm happy to help with what I can.

I am honestly not familiar with that stack (meteor+blaze), but if you are comfortable with vanilla javascript you could just rely on the jitsi library, this project, for example, is simply a wrapper to theirs

Take a look at https://github.com/jitsi/lib-jitsi-meet and https://jitsi.github.io/handbook/docs/dev-guide/dev-guide-iframe for some guidance

You essentially just need 2 things:

Their library included somewhere, like in your html:

<script src='https://meet.jit.si/external_api.js'></script>

An instance of their API object in JS

const domain = 'meet.jit.si';
const options = {
    roomName: 'JitsiMeetAPIExample',
    width: 700,
    height: 700,
    parentNode: document.querySelector('#meet')
};
const api = new JitsiMeetExternalAPI(domain, options);

Maybe you could build a more blaze-like experience with that code, I am not familiar enough with that framework to recommend anything but it is just plain old javascript

I think that's a better alternative than including a bunch of React features that you're not going to need or will want to use in your project