Integrating Daily.Co Video Call API in ASP.NET MVC 5

Getting Started — Join a Video Call on from your web application

First Step : Sign Up on Daily.Co

To get started using the video API. You’ll need to sign up for an account. You can find the pricing here.

Second step: Choose a domain name

All your video call URLs start with your own, custom, domain name. A video call URL looks like this:

As part of the sign-up process, you choose a “domain name” for your account. Throughout this article, we’ll use your-domain.daily.coas an example domain name.

Third Step: Integrating the Video Call in your Web Solution

In your MVC Solution, in any view of your choice. Open the View, and add the Video Call & Container controls, to your Razor view.

<div class="row" style="margin-bottom:20px;">

<button class="btn btn-primary" style="float:left;margin-right:20px;"  onclick="mtgJoin()"> Join meeting </button>

<button class="btn btn-danger" style="float:left;"  onclick="mtgLeave()"> Leave meeting </button>


<div class="row">

<div id="mtg-frame" height="400"
style="height:400px;border:0;background-color:lightgrey;" />


Add the jsfile to the Scripts section:

<script crossorigin src=”"></script>

And then, this error happens:

Image for post

Image for post

So, to fix the above error. A workaround that I would recommend would be to simply create a variable named dailyat the top of the view.

var daily = "@daily";

And then, Voila! the error is gone.

So, the next step would be to implement the JavaScript functions for the buttons in the Scripts section: mtgJoin()and mtgLeave()


const mtgJoin = () =>  {

let callUrl = '';
if (!window.frame) {

window.inp = document.getElementById('mtg-link');
window.frame = window.DailyIframe.createFrame(

window.frame.join({ url: callUrl });


cosnt mtgLeave = () => {

And, you are done... When you click on Join Meeting, your page should look something like this...

Image for post

Image for post

Finished! Done!

Now we actually have a real-life video calling system in your web application.

The Working version of this project is available on GitHub —