Things you'll need:
- An account with Daily: dashboard.daily.co/signup
- An account with Bubble: bubble.io/
- Daily's Video Conferencing and Chat Plugin: bubble.io/plugin/daily-video-...
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: bubble.io/page?name=index&id=...
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: 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: manual.bubble.io/core-resourc...
This tutorial in written form as a blog post: www.daily.co/blog/integrate-d...
Feedback or questions? Contact Daily's development partner, Lunch Pail Labs at help@lunchpaillabs.com
27 июл 2024
