Daily.co API Developer Documentation

Daily.co Video Calls API Developer Documentation

Welcome to the Daily.co API developer documentation. You'll find comprehensive guides and documentation, to help you get started and build.

API Reference

Embed the Daily prebuilt UI

Daily prebuilt UI

Once you create a Daily room URL, you can embed it in any website or app.

This app embeds Daily's prebuilt UI.

When to use Daily's prebuilt UI

Daily’s prebuilt UI is a complete, full-featured video call component that you can embed in your app or website with just a few lines of code.

If speed is your top priority, this is the best choice: in minutes, you can prototype video calls within your application. You might also want to consider using the prebuilt UI if video chat is a feature that you need to add, but not necessarily one that you need to customize. If you do want to customize your video chat interface, you'll want to use the Daily call object.

Jump in:

Daily prebuilt UI features

  • Ready-to-use video chat interface
  • Built-in bandwidth management
  • Cross-browser compatibility
  • Screen sharing
  • Active speaker and grid layout modes
  • Text chat
  • Participant list
  • Network analytics display
  • Localized interfaces
  • Electron compatible
  • Recording*
  • HIPAA compliance**

* Recording is a Scale plan feature. Read more about our pricing.

** Building a HIPAA compliant video chat with Daily is only available on the Scale plan, and involves a few additional steps to set up. Learn about HIPAA compliant video calls with Daily.

Step-by-step guide: embed a Daily room URL

First, you’ll need a Daily room URL. Once you have one ready, replace https://your-team.daily.co/hello in the code snippet below with your own room URL.

<html>
  <script crossorigin src="https://unpkg.com/@daily-co/daily-js"></script>
  <body>
    <script>
      callFrame = window.DailyIframe.createFrame();
      callFrame.join({ URL: 'https://your-team.daily.co/hello' })
    </script>
  </body>
</html>

You can either paste that code into your own html file and then open it in your browser, or remix this Glitch project if you’d prefer to experiment in a playground.

You can pass configuration properties to DailyIframe.createFrame() to customize how the DailyIframe looks. Here’s an example that sets the prebuilt UI to fullscreen:

callFrame = window.DailyIframe.createFrame({
  showLeaveButton: true,
  iframeStyle: {
    position: 'fixed',
    width: '100%',
    height: '100%'
  }
});

Read about all the DailyIframe properties in our reference docs.

Updated 19 days ago

Embed the Daily prebuilt UI


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.