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 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
|teams-tab-video-recorder||Joseph Velliah (SPRIDER, @sprider)|
|1.0||November 20, 2018||Initial release|
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 tenants API management page to approve the permission requests configured in this web part.
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
Upload recorded video in users 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.