[New Free Plugin] Daily Video Chat

Glad that was helpful!

@lola Thanks, nice workaround. I see limited changes with new settings except DT, where is local video available on click of arrow. I will send you PM with screenshots to better explain my UI suggestion for 1:1 video. Goal is to support 1:1 videocalls aka Whatsapp Videochat - with minimum UI → maximum video screen coverage.

1 Like

@lola Hi! Will the plugin support the Krisp noise cancellation at some point?

1 Like

Hey @chaostorm krisp noise cancellation is already available when joining a video call. Users just have to choose to reduce noise by selecting the reduce icon in their tray when they join the call.

Hm, I’m not seeing it on my end… :thinking:

Could that be because I’m not using the Daily Custom Video Call element, but rather “Join the Room” action with the custom position element ID defined there? Or is there something else I need to enable somewhere?

1 Like

@chaostorm It also might be the browser. Currently, the feature is supported on desktop Firefox and Chromium-based browsers (such as Google Chrome and Microsoft Edge). Support for Krisp in Daily’s iOS and Android SDKs, along with desktop Safari and mobile web, is coming soon but not yet available.

If on a supported browser, you should see the icon even with the join room action or the custom position.

If you’re using it in a supported browser and still not seeing the icon could you please send me a DM with your Daily Domain and I’ll have someone at Daily take a look at your account?

1 Like

@lola Gotcha, it’s probably the browser, then - the screenshot was from desktop Safari. Thanks for the clarification and have a great weekend!

Today the plugin stopped working and gives an error.

Although it worked fine for a long time.
There were no changes in the plugin’s actions.
What could be the reason?

1 Like

Oh that’s so odd, would you mind sharing a picture of your editor? The error indicates that there are multiple instances of the callFrame, are you using the custom video call element more than once per session?

Here’s a working version of the custom video call element in a bubble app

Editor: Nocodevideodemos | Bubble Editor
Demo: https://nocodevideodemos.bubbleapps.io/version-test/custom_video_call?debug_mode=true

You also don’t need to use the custom element anymore (though it should still work), in the latest version of the plugin, the join call method has a custom position (this is compatible with the new responsive engine). Here’s how that works

With the custom position, you need to create a group that you’d like the video to appear over. I usually just draw a group on the page of the size, position, and width and then add the element ID to the group.

Here’s a demo of an editor and what it looks like when displayed.

Then when you join a room you’ll select custom position and input the element id for the group it should overlay on top of

One caveat with the custom position is that the call frame doesn’t completely destroy if your users will leave the room and rejoin on the same page, in those cases where you’d like that you’ll need a refresh action when they’ve left the room which I’ve included by having the Daily events element on the page and adding the begin listening event once someone has joined the room.

You can also DM me your daily domain and the time that you noticed the error and I can send this over to the Daily team!

The DailyCustomVideoCall element is in the RepeatingGroup. In RepeatingGroup, I have several video chats displayed at the same time. Until today it worked great.

1 Like

Got it, it isn’t recommended to have multiple call instances visible at the same time but yesterday Daily did update their Daily JS which is what the plugin runs on to throw an error when multiple call instances are detected.

Instead of having several chats displayed at the same time, you could try multiple join room buttons in the repeating group and then the user would join the appropriate room when clicked.

Or if you tell me more about your use-case I can think of other potential possibilities!

Lola

@lola This plugin was working great for me till last week, then it stopped working all of a sudden

I was using Daily join meeting action to join a meeting full screen in a page

What changes you’d suggest to make this work again?

1 Like

Hey @maheshkasindi!

Can you share some more details about what isn’t working? Daily did recently update Daily.js (what the plugin relies on) so multiple call frame instances now throw an error (previously it was only a warning). Multiple simultaneous calls on the page are not supported.

If you’re using the custom call element with the new responsive engine, this will also result in an error with how it renders. That element originally predated the new engine and the best way to have a call in a custom position is to use the daily-join room action with the custom position sizing.

Here’s how that works:

With the custom position, you need to create a group that you’d like the video to appear over. I usually just draw a group on the page of the size, position, and width and then add the element ID to the group.

Screenshot 2022-12-19 at 1.59.49 PM.png

You’ll also need to add the element id when you join a room as well.
Screenshot 2023-05-22 at 12.31.49 AM.png

Here’s a demo of an editor and what it looks like when displayed. Also here’s an example with the new responsive engine.

Then when you join a room and it should render over whichever group you’d like it to overlay.

Let me know if either of those helps to solve the issue, or if there’s something else! Happy to help!

@lola Thank you so much for your response
Here’s how my setup looks currently

Somehow it’s not working, not even throwing any errors.
What’s the best way to join a room in fullscreen mode after the update?

1 Like

Hi @maheshkasindi. Thanks for reaching out! Joining a single room shouldn’t be affected. Here’s a demo editor of joining a room if you’d like to compare setup.

I don’t see anything odd in the screenshot you’ve shared. The only thing to double-check is that the first item’s room URL is formatted correctly.

Otherwise, happy to take a look at your editor to continue troubleshooting if you’d like to DM a link!

@lola I think this may be the issue that the others have been bumping into. I’ve just started seeing this console error in an app I’ve been building and the iframe wouldn’t load. (The setup had used to work without any issues previously.)

Blocked a frame with origin “https://myapp.daily.co” from accessing a frame with origin “https://app.myapp.com”. Protocols, domains, and ports must match.

(The app name redacted for privacy.)

1 Like

@chaostorm That’s a new one! Mind sharing your setup? Are you using the iframe directly instead of the plugin? With a bit more info, I can try reproducing or have the Daily team take a look! You can message me with details if you’d like to keep it private!

@lola Thanks, DMing you in a sec! :+1:

1 Like

Heya, is there a quick and easy way to get the transcripts from a daily room?

2 Likes

Hi @john40 transcription isn’t currently supported in the plugin but with some custom code and additional API calls it’s possible. Here’s an overview of adding transcription to a Daily call.