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

[this-fifo]

Hey, just found out that Meteor actually seems to be a sort of an all-encompassing framework which has support for React (I'm really not familiar with Meteor)

Seems like they have a well structured tutorial here:

https://react-tutorial.meteor.com/

Based on their docs, you should be able to simply add the <Jutsu /> component after you have React installed in your meteor app and in theory it should all work as long as you also have the script with the jisti API available and this is a web browser application you are building (if your goal is having a mobile app unfortunately this won't do for you, as there's limitations with using jitsi in a mobile web browser)

[sir007]

Thank you @this-fifo ,

I'm first of all going to try to use Jutsu component in meteor+blaze+react and share the result with you.