Capacitor Motion Plugin Example / Capacitor Plugin Future

Capacitor
#1

Please describe the quesHi all,

I was wondering if anybody played with the the official Capacitor Motion Plugin (v2) yet?

URL: https://capacitorjs.com/docs/apis/motion

I was trying to get it to run, but cannot figure it out.

The recommended way of requesting permissions fails on the web:

 try {
  await DeviceMotionEvent.requestPermission()
 } catch (e) {
   console.log(e)
   return;
 }

TypeError: DeviceMotionEvent.requestPermission is not a function

If I just add the listener and return the event then I get all Acceleration Information to be null:

{
	{
		acceleration: DeviceMotionEventAcceleration
		x: null
		y: null
		z: null
		__proto__: DeviceMotionEventAcceleration
	}, {
		accelerationIncludingGravity: DeviceMotionEventAcceleration
		x: null
		y: null
		z: null
		__proto__: DeviceMotionEventAcceleration
	}
}

Not sure if this is because it is on the web (via ionic serve), but the plugin should work on web, android, iOS. Should I not get readings back from the sensors?

If I run my code native on Android, then the request permission also does not work, and I do not even get the event from the Motion plugin back.

Question:

  • Does anybody have any pointers/links to tutorials, github repos, etc. that have a working example of that plugin?
  • Has anybody worked with this plugin across PWA, android, iOS and can confirm that it actually works in v2/v3 beta?
  • Is there another capacitor kitchen sink repo, because the official one seems to be dead: https://github.com/ionic-team/capacitor-plugin-demo

General questions for the Ionic team:

  • With capacitor now in v3 beta, should we still start projects with v2?
  • What is going to happen to ionic native long term? Are you maintaining the long existing list of ionic native plugins or will efforts be shifted to grow capacitor? (Apologies if I have missed a blog article on that in the past.)

Any help would be very much welcome.

Thanks.

#2

Hi all,

Just wondering if anybody has some ideas around this please. This forum unfortunately seems “pretty quite” - does anybody else have ideas for community support?

Thanks.

#3

Hi all,

Apologies for bumping this up. I was hoping to get a response to these two very general questions at least, if possible?

  • Does anybody have any pointers/links to working tutorials, github repos, etc. that have a working example of that plugin?
  • Has anybody worked with this plugin across PWA, android, iOS and can confirm that it actually works in v2/v3 beta?

Also, I searched online, and all I could find is people having problems with the plugin, either not supported on iOS 13+ or not running at all, forcing them to switch back to cordova plugins: Ionic 5 + Angular + Capacitor + Motion not triggering listener on real Android devices - Stack Overflow

Thanks again.

#4

You only have to request the permission on iOS 13+, so first check if DeviceMotionEvent.requestPermission is defined, and if not, don’t try to request the permission because it’s not needed and won’t work.

#5

Thanks very much @jcesarmobile - much appreciated.

Have you worked with the plugin successfully. I eventually was able to use it on android and iOS native builds, but PWA did not work for me.

Thanks :+1:

1 Like
#6

Hey , I’m having the exact problem you have with capacitor motion plugin in version 3,have you found out something?

I tried controlling request permission not found exception (on Android), and even then, adding Motion.addlistener returns ok (no catch code being executed) but no event is fired…

I’m starting to get really disappointed with this platform, as I’m having very bad heading measures from background geolocation plugin as well, compared with cordova plugin for this (but at least works, adding the corresponding permissions to Android manifest)…

#7

Knock Knock - is anybody home?

The documentation for Capacitor Motion is abysmal !

The example code doesn’t work …

await DeviceMotionEvent.requestPermission();
// returns an error in VS Code - the function doesn’t exist - as reported many times

The “orientation” option returns alpha, beta, and gamma - but there is no explanation what these values represent?

Values are returned on an Android device running a PWA, but nothing appears on an iphone running as a PWA.

If anyone knows of a working example can they please point me towards it?

#8

The Motion plugin largely integrates with, the devicemotion event listener, the deviceorientation event listener window.DeviceMotionEvent object. Realistically, you could just use those APIs if the plugin implementation isn’t working as you expect.

We explicitly link out to the DeviceMotionEvent docs that explain what the alpha, beta, and gamma coordinates mean since MDN is an excellent resource.

#9

Thanks Thomas,

I read those documents to learn that the motion plugin is virtually incompatible with Safari, which would have saved me some time.

The example code supplied on the Capacitor page doesn’t work with Ionic, so that also wastes time.

I used Ionic because it is meant to save me time. There are web based compass examples that do appear to work, but I am not knowledgeable enough to know how to implement that code within Ionic.