How to Integrate Device Features in MDriven Apps Using the Navigator API
This page was created by Charles@mdriven.net on 2025-03-19. Last edited by Stephanie@mdriven.net on 2025-03-25.

Want to integrate powerful device features like camera access, geolocation and sensors into your MDriven app, the Navigator API makes it easy.

The JavaScript Navigator API provides information about the browser and device environment. It is particularly useful for detecting device capabilities, user preferences and other browser related details.

The Navigator API grants access to various device capabilities including:

  • Geolocation - Determining the user's geographical location.
  • Network information - providing details about user's network connection.
  • Media Devices - accessing the device's camera and microphone.
  • Vibration - enabling haptic feedback.
  • Bluetooth - communicating with nearby bluetooth devices.
  • Battery Status - obtaining information about device's battery level.

The Device capabilities above can be integrated into your MDriven App using the EXT_Components feature. This feature allows for addition of JavaScript into your app. This MDriven feature can be used to integrate Navigator API features for capturing device and browser data and saving it in your model data.

For example, With the Navigator API, you can take pictures from a device camera and save them in your model data using an EXT_Component (Angular JS Component).

NavigatorThings App Model

This model demonstrates how to access the different device capabilities using the Navigator API.

This model is accessible from the TK Live View or github

App Components

  • TakePicture Component - This component is for taking a picture using your device camera and saving it in your app.