This repository is a ready to use Outlook Add-in sample to schedule instant video calls without having to leave Outlook Calendar. With the click of a button, meetings are scheduled and the relevant meeting information is sent via a calendar invitation.
You can either run the add-in in your local server and add the manifest.xml file as a custom add-in in your Outlook client or you can deploy it and use the URL of the manifest to upload the add-in to your Outlook app. This repo uses Netlify as an deployment environment, by cloning this project and creating on your own repo, you can host your add-in on Netlify by following this tutorial.
- Clone this repository.
- Make sure you have
npm
installed and runnpm install
in the root directory of the project. - Create an .env file to store your meeting provider domain name as DOMAIN_NAME, or you can hardcode the domain name in the
commands.js
file. Having the domain name as an environment variable is useful if you want hide your meeting and change the domain name directly from you deployment environment settings or in an .env file. - If you want to run the add-in from your localhost, run
npm run dev-server
and follow this tutorial for sideloading the manifest.xml to your Outlook client. - If you want to deploy your app to your production envioronment, go to
webpack.config.js
line 11, and change it with your own URL. Then type,npm run build
and use the dist folder for deployment. - To upload the manifest.xml file as an add-in to your Outlook client follow the Sideload manually guide. To upload the URL of the deployed manifest.xml file, follow the same steps in the Sideload manually guide, but select
Add from URL
and paste your deployed manifest.xml URL.
This repository is hosted on [email protected]'s Netlify account. After applying getting started step 5, and after deploying this repo from Github, netlfiy.toml uses dist
as publish directory and npm run build
as build command. If you want to change meeting domain name, you need to change the environment variable(DOMAIN_NAME) in Netlify site settings.
-> To learn more about Outlook add-ins: https://learn.microsoft.com/en-us/office/dev/add-ins/outlook/
-> To learn more about creating add-ins to schedule meetings in Outlook: https://learn.microsoft.com/en-us/office/dev/add-ins/outlook/online-meeting?tabs=non-mobile
-> To learn more about creating your own Video Call App with Dolby.io: https://github.com/dolbyio-samples/comms-app-react-videocall
-> Learn how to get started with Dolby.io Communications APIs: https://docs.dolby.io/communications-apis/docshttps://docs.dolby.io/communications-apis/docs