Getting below error on running Android App in Angular Studio. Angular code access default microphone of the device. Can someone let me know how to resolve this issue?
E/chromium: [ERROR:web_contents_delegate.cc(218)] WebContentsDelegate::CheckMediaAccessPermission: Not supported.
Just downgraded to version 1.2.1 of cordova-plugin-ionic-webview and it works. I will need to file an issue since cordova-plugin-ionic-webview v5 just does not work on any Android version
Hi, I am working on custom plugin which involves showing a Google Map on the App. I wanted to use the native iOS SDK of Google Maps. So far I’m able to spawn a viewController and show the Google Map on my capacitor app successfully, using the native SDK.
Is there a way to show the map on the Ionic page itself ?
For example:
Users should be able to pass a “Div” , and map would get drawn inside the Div instead of getting drawn on a new screen.
Like here: https://github.com/mapsplugin/cordova-plugin-googlemaps#documentation
var options = {
camera: {
target: {lat: ..., lng: ...},
zoom: 19
}
};
var map = plugin.google.maps.Map.getMap(**mapDiv**, options). <- mapDiv being passed
In this cordova plugin, a new screen is not spawned on iOS and Android to show the map, instead it gets shown on the ionic page itself. I’m unable to get that done using capacitor.
If you can point me to right direction it’ll be really helpful. I haven’t found any community plugin which does that so there must be a reason for that , maybe its not possible. It’ll be extremely helpful if you can shed light on this issue.
Thanks!
PS: From what I found its possible with javascript SDK afaik, but its costly so I wanted to utilise the free native SDKs
Hi,
I am currently doing native builds of a pure Cordova app via Ionic Appflow.
The build runs successfully and I can install the app on my Android device.
But when the app starts, the deviceready event is not fired.
This notice comes in the console:
deviceready has not fired after 5 seconds.
Channel not fired: onCordovaInfoReady
Many people online had this problem and almost everyone was able to fix it by manually uninstalling and reinstalling the plugin.
But of course this is only possible with local builds and not with the cloud builds in Ionic Appflow.
I have commented out as much as possible from my config.xml so that I can tell which plugin it is.
I only have the plugins “cordova-plugin-device” and “cordova-plugin-ionic-webview” in it.
If both plugins are installed, the problem occurs.
If only one of the two plugins, no matter which one, is installed, the deviceready event is fired normally.
I built the same app with the same plugin versions locally and in Phonegap Build and the deviceready event works there.
This also suggests that the online error descriptions that the plugin is broken and that it has to be manually uninstalled and reinstalled are correct.
And it’s not a general problem with the plugins.
Could it be that there is a problem in the Ionic Appflow and he loads the “broken” plugin with every build?
The following line also appears in the build log.
Did that mean that the plugin already exists on the build server and is loaded from there?
Discovered saved plugin “cordova-plugin-device”. Adding it to the project
[19:03:52]: ▸ Installing “cordova-plugin-device” for android
I also get the following message in the build log. The ID “f537d27d” is the same every time. Does that mean that I end up on the same build server every time?
Running with gitlab-runner 11.3.1 (0aa5179e)
on Ionic Package Android Runner f537d27d
Does anyone have any idea how I can solve the problem?
Here is my current config.xml:
<?xml version='1.0' encoding='utf-8'?>
<widget id="de.xxxx.xxxxx" version="2.3.5" android-versionCode="235" xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" defaultlocale="de-DE">
<name>xxxx</name>
<description>xxxx</description>
<author email="xxx@xxx.xxx" href="https://xxx.de">xxxx</author>
<content src="index.html" />
<plugin name="cordova-plugin-device" source="npm" />
<plugin name="cordova-plugin-ionic-webview" source="npm" />
<icon src="www/icon.png" />
<platform name="android">
<icon density="ldpi" src="res/icon/android/drawable-ldpi-icon.png" />
<icon density="mdpi" src="res/icon/android/drawable-mdpi-icon.png" />
<icon density="hdpi" src="res/icon/android/drawable-hdpi-icon.png" />
<icon density="xhdpi" src="res/icon/android/drawable-xhdpi-icon.png" />
<icon density="xxhdpi" src="res/icon/android/drawable-xxhdpi-icon.png" />
<icon density="xxxhdpi" src="res/icon/android/drawable-xxxhdpi-icon.png" />
<resource-file src="www/img/pushicon.png" target="app/src/main/res/drawable/pushicon.png" />
<resource-file src="www/img/pushicon.png" target="app/src/main/res/drawable-mdpi/pushicon.png" />
<resource-file src="www/img/pushicon.png" target="app/src/main/res/drawable-hdpi/pushicon.png" />
<resource-file src="www/img/pushicon.png" target="app/src/main/res/drawable-xhdpi/pushicon.png" />
<resource-file src="www/img/pushicon.png" target="app/src/main/res/drawable-xxhdpi/pushicon.png" />
<resource-file src="www/img/pushicon.png" target="app/src/main/res/drawable-xxxhdpi/pushicon.png" />
<resource-file src="google-services.json" target="app/google-services.json" />
</platform>
<platform name="ios">
<icon height="57" platform="ios" src="res/icon/ios/icon.png" width="57" />
<icon height="114" platform="ios" src="res/icon/ios/icon-2x.png" width="114" />
<icon height="40" platform="ios" src="res/icon/ios/icon-40.png" width="40" />
<icon height="80" platform="ios" src="res/icon/ios/icon-40-2x.png" width="80" />
<icon height="50" platform="ios" src="res/icon/ios/icon-50.png" width="50" />
<icon height="100" platform="ios" src="res/icon/ios/icon-50-2x.png" width="100" />
<icon height="60" platform="ios" src="res/icon/ios/icon-60.png" width="60" />
<icon height="120" platform="ios" src="res/icon/ios/icon-60-2x.png" width="120" />
<icon height="180" platform="ios" src="res/icon/ios/icon-60-3x.png" width="180" />
<icon height="72" platform="ios" src="res/icon/ios/icon-72.png" width="72" />
<icon height="144" platform="ios" src="res/icon/ios/icon-72-2x.png" width="144" />
<icon height="76" platform="ios" src="res/icon/ios/icon-76.png" width="76" />
<icon height="152" platform="ios" src="res/icon/ios/icon-76-2x.png" width="152" />
<icon height="29" platform="ios" src="res/icon/ios/icon-small.png" width="29" />
<icon height="58" platform="ios" src="res/icon/ios/icon-small-2x.png" width="58" />
<icon height="87" platform="ios" src="res/icon/ios/icon-small-3x.png" width="87" />
<icon height="167" platform="ios" src="res/icon/ios/icon-83.5-2x.png" width="167" />
<icon height="1024" platform="ios" src="res/icon/ios/icon-1024.png" width="1024" />
<splash src="res/Default@2x~universal~anyany.png" />
</platform>
</widget>
Sincerely yours
Felix Sasse-Middelhoff
I want to make alarm functionality in my ionic 4 app right now I am using local notification plugin but its not working properly. Please provide me any solution
createDailyAlarm(){
//let time = this.alarm.alarmTime.split(’:’);
let alarmtime = new Date();
console.log(alarmtime)
let notification:any = {
id:1,
title: 'upcoming alarm',
text: 'alarm',
trigger: { every:{ hour: 17, minute: 50} },
//trigger: { every: { hour: 10, minute: 12 },firstAt: alarmtime},
sound: true,
foreground:true,
clock:true
}
console.log(notification);
this.localNotification.schedule(notification);
console.log("scheduled or not", this.localNotification.isScheduled(1))
}
Hi guys,
I am stuck in this challenge. I have been trying to code this slider for almost a week but I found the IONIC documentation very bad in relation to this. I managed to implement a slider, however I find it very tiring when I move the items to the side. On Netflix this feeling is softened and I would love to do similar to them. Here is the code I developed:
Typescript:
sliderConfig = {
slidesPerView: 2.8,
preloadImages: true,
speed: 1500,
effect: ‘fade’,
fadeEffect: {
crossFade: true
}
};
HTML:
<ion-row *ngIf=“cars && cars.length>2”>
<ion-slides style=“padding-left:5%” [options]=“sliderConfig”>
<ion-slide *ngFor=“let car of cars”>
<img (click)=“openDetails(diario)” disabled [src]=“car.image” class=“thumb-img” />
IUdpPlugin is for ts definition.
The proper class is UdpPlugin
Any solution for this case?
Hi, I am facing the same issue http is not fetching data in real android device but its working completely fine in browser.
Hello! I’m currently working on making a tinder-esque clone for my first ionic project. I am fairly new to web development, but have some small experience with angular, and was hoping to port this over to ionic. I’m trying to create a user object and store it in an array inside of my tab2.module.js file, and then display this value within my tab2.html code. I’m not sure where I’m going wrong, but I believe there is an easy fix that I am totally missing. I would also greatly appreciate any support/critique if any of the code I’ve written is bad practice! Thanks!
How to delete flat arrow of IonSelect on ionic 5 use Reactjs. I custom it and i want to delete it.
angularfire2 is not working properly and also the given url not working.
After many trials, Finally I got the solution for the above error, Instead of writing the Configuration in TS file , just right all the configuration in the HTML file directly thats all.
Now the Slider in Super-Tabs Working fine… 
<super-tabs [config]="{allowElementScroll: true, shortSwipeDuration: 180,
dragThreshold: 40}" >
Ah, of course! Thanks @flycoders_sourav
Do not forget to set the “enterkeyhint=go” If you also want to show the “go” button:
<ion-input enterkeyhint="go" (keyup.enter)="login()"></ion-input>
Check out their blog post about that: https://ionicframework.com/blog/keyboard-improvements-for-ionic-apps/
Thanks Guys. It works for me. 
Please anybody has any solution to solve this issue.
Still the issue not fixed
I have tried this many times but still not working.
kindly explain in detail as iam new in ionic
I have the same problem. Did anyone find a solution for this yet?