Create a video chat app in Bubble using Daily’s free no-code plugin!

Things you’ll need: – An account with Daily: https://dashboard.daily.co/signup – An account with Bubble: https://bubble.io/ – Daily’s Video Conferencing and Chat Plugin: https://bubble.io/plugin/daily-video-conferencing–chat-1622494385281×917140771709124600 In this tutorial, we’ll be building a browser based video chat application. The app creates a rooms…

Create a video chat app in Bubble using Daily's free no-code plugin!

Source

0
(0)

Things you’ll need:
– An account with Daily: https://dashboard.daily.co/signup
– An account with Bubble: https://bubble.io/
– Daily’s Video Conferencing and Chat Plugin: https://bubble.io/plugin/daily-video-conferencing–chat-1622494385281×917140771709124600

In this tutorial, we’ll be building a browser based video chat application. The app creates a rooms users can join for ten minutes. After the ten minutes, the room expires. This basic app is a foundation for more feature rich video conferencing applications. Try it out in Bubble: https://bubble.io/page?name=index&id=nocodevideochat&tab=tabs-1

You can build anything from a group fitness site, or a virtual co-working app. Daily has APIs that simplify WebRTC and let you build quickly. See what our customer’s have built: https://www.daily.co/case-studies

00:00 – What we are building.
00:59 – Examples of other no code video chat apps you can build
01:11 – What you’ll need to get started.
01:12 – What are Daily and Bubble?
01:56 – Creating the Bubble app, initial set up
03:41 – Brief overview of Daily plugin actions and data calls
04:16 – Designing the interface
04:36 – What the app will look like
04:46 – Drag and drop in the UI elements
07:16 – Setting up the workflows
09:43 – Adding the room expiration setting
11:16 – Testing what we’ve made so far
12:06 – Data tab, storing video room URLs
14:12 – Adding the room URL to the workflow
15:32 – Displaying the room URL for the user to copy
17:22 – Sending an action to display video call data
19:27 – Setting up the room page
21:11 – Previewing the finished app

Reference:
Bubble’s predefined events: https://manual.bubble.io/core-resources/events
This tutorial in written form as a blog post: https://www.daily.co/blog/integrate-daily-video-chat-in-your-bubble-app-in-less-than-30-minutes/
Feedback or questions? Email us: [email protected]

0 / 5. 0