Device capabilities
Microsoft Teams platform is continuously enhancing developer capabilities aligning with built-in first-party experiences. The enhanced Teams platform allows partners to integrate device capabilities, such as camera, QR or barcode scanner, photo gallery, microphone, and location with their web apps. This integration reduces the barrier to app development, speeds up development cycle, and creates new scenarios or use-cases for the developer community.
Device permissions are different in the browser. Previously, browser handled how to grant access permissions and now these permissions are handled in Teams. For more information, see browser device permissions.
Native device capabilities
A mobile or desktop has built-in devices, such as camera and microphone, called capabilities. You can access the following device capabilities on mobile or desktop through dedicated APIs available in Microsoft Teams JavaScript client library:
- Media capabilities, such as
- Camera
- Microphone
- Gallery
- QR or barcode scanner
- Location
After getting access to the device capabilities, you can integrate them with the Teams platform to enhance the collaborative experience.
Request device permissions
Use the tools present in Microsoft Teams JavaScript client library to request the required permissions for accessing the native device capabilities. While access to these capabilities is standard in modern web browsers, you must inform Teams about the capabilities that you are using by updating your app manifest. This update allows you to request permissions while your app runs on Teams mobile or desktop clients.
Integrate device capabilities
After getting access to device capabilities, use Teams media capability APIs to integrate media capabilities with the Teams platform to enhance the user experience. These integrated capabilities allow your app to:
- Capture and share images.
- Scan QR or barcode using scanner control.
- Record audio through microphone.
- Share location using location picker.
Also, you can integrate the Teams native people picker control that allows users to search and select people in the web app experience.
Code sample
Sample name | Description | Node.js | Manifest |
---|---|---|---|
Device permissions | The sample shows how to show the device permissions using Teams JS SDK and browser api's. | View | View |
Обратна връзка
https://aka.ms/ContentUserFeedback.
Очаквайте скоро: През цялата 2024 г. постепенно ще отстраняваме проблемите в GitHub като механизъм за обратна връзка за съдържание и ще го заменим с нова система за обратна връзка. За повече информация вижте:Подаване и преглед на обратна връзка за