Written by

Joseph Velliah

Share

  

Category

see all categories
intranet as a service

Microsoft Teams Custom Tab – Video Recorder App using SharePoint Framework

Sample SharePoint Framework client-side web part for Microsoft Teams Tab illustrating Video Recording using MediaRecorder Web API.

This is an experimental web part. Because this technology’s specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes

Teams Custom Tab

About

Add Custom Tab

API Management - MSGraph

Custom Tab

 

Applies to

→ SharePoint Framework 1.7
 Office 365 developer tenant
 Microsoft Teams tab

Solution

 
Solution Author(s)
teams-tab-video-recorder Joseph Velliah (SPRIDER, @sprider)

 

Version history   

Version Date Comments
1.0 November 20, 2018 Initial release

 

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.

Minimal Path to Awesome

 clone this repo
 run npm i
 go to this Microsoft article and follow the steps to package and deploy my sample
 Go to your tenant’s API management page to approve the permission requests configured in this web part.

Features

This project illustrates the following concepts:

 Building Microsoft Teams tab using SharePoint Framework
 Packaging and deploying web part as a Microsoft Teams tab
 Front/Back camera selection
 Video recording using the supported browsers
 Playback recording
 Upload recorded video in user’s OneDrive root folder

Hope you liked this post. If you have any questions on SharePoint Framework or Microsoft Teams Custom App implementation, please let me know.

Joseph Velliah

Written by Joseph Velliah

Joseph Velliah is Hubfly’s Head of Delivery. In this role, Joseph leads the development, implementation and delivery of our products to expand Hubfly’s global delivery capability and to identify new delivery and operational methods that will enable our clients to be successful in their digital transformation initiatives. An important part of this role is focused on helping Hubfly and our clients define and enable the workforce of the future that will enable and sustain the digital economy. Joseph received his first Microsoft’s MVP award in April 2017 for the Office Development Category.