daily-demos

At Daily, we build video APIs to simplify adding video chat to any app or website.

daily-demos hosts some demo projects that make use of daily-js.

Current demos

react-demo

An entirely custom video chat interface built on top of the Daily Call Object API, which lets you access call primitives such as audio and video streams to fully customize the call experience.

Code || Blog post walkthrough

static-demos

• simple-demo: Embeds Daily's prebuilt UI in a web page.
• basics-demo: Passes styling properties to the DailyIframe and includes custom buttons above the prebuilt UI embed.
• simple-chat-demo: Calls the Daily sendAppMessage() instance method and uses the corresponding app-message event listener to add text chat to a video call interface.
• mobile-demo: Displays small call "bubbles" for a mobile device UI, and responds to click/touch events.
• remote-monitoring: Remote monitoring use case. One-way video, and managing bandwidth use dynamically.

Running demo projects locally

Each demo project is an independent standalone project. You can choose to run a single project, or the entire demo project site.

Running a single demo project

Using the static-demos project as an example:

# From daily-demos
nvm i
cd static-demos/
npm i

npm run start
# or
npm run dev # automatically restarts server on file changes

Then open your browser and go to localhost:<port>, using the port printed in the terminal after running the above.

Running the entire demo project site

# From daily-demos
nvm i
npm i

npm run start
# or
npm run dev # automatically restarts server on file changes

Then open your browser and go to localhost:3000.

Running the React demo Electron runner

The following runs the React demo app from within a simple Electron shell.

# From react-demo-electron-runner
nvm i
npm i

npm run start # points to demos.daily.co
# or
npm run dev # points to localhost:3000 (prerequisite: "Running the entire demo project site")

Contributions

We welcome all contributions that make it easier for developers to get to know Daily through these demos. If you'd like to open or claim an issue, add your own demo, or contribute in another way, please read CONTRIBUTING.md.

Contact us

We're always happy to help developers building on Daily. Reach out to us any time at help@daily.co, or chat with us.