Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 70944 articles
Browse latest View live

Exoplayer for ios

$
0
0

hello , i create app to play movies video ,
in android i use exoplayer player

what i can use in ios ?

1 post - 1 participant

Read full topic


Candle Packaging Boxes

$
0
0

Nowadays candle is used for decorations. We can see that candle is mostly used in birthday parties and these types of functions. The candle gives a beautiful look to your occasions. The soft light of the candle makes your party more special. People enjoying when we decorate our parties with classy candles. Now candle not only uses for decoration many boxes are available for this purposes. Custom Boxes packaging is one of the best packagings for candles. We can give classier look to our candles with custom box packaging.

1 post - 1 participant

Read full topic

Error During ionic Build Module parse Unexpected Character

$
0
0

suddenly all of my project are having this error when i build with ionic build --prod please can anybody help.
i have tried re installing node and even ionic its still same
Please can anyone help?

Blockquote
ERROR in ./node_modules/core-js/modules/es.regexp.exec.js 1:3
Module parse failed: Unexpected character ’ ’ (1:3)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)
@ ./node_modules/core-js/internals/fix-regexp-well-known-symbol-logic.js 3:0-36
@ ./node_modules/core-js/modules/es.string.match.js
@ ./node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/es5-polyfills.js
@ multi ./node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/es5-polyfills.js zone.js/dist/zone-legacy ./node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/jit-polyfills.js ./node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/es5-jit-polyfills.js ./src/polyfills.ts
[ERROR] An error occurred while running subprocess ng.

    ng.cmd run app:build exited with exit code 1.

1 post - 1 participant

Read full topic

HTTP request not working in iOS sim

$
0
0

In my own app I found out that it is not possible to run http requests in the iOS simulator. I have tried this with the angular httpclient and with a http plugin. Both both did not give a response.

I have created a test application where It is possible to reproduce the problem. In the app you can fill in a test url and trigger the requests by click on the button.

Ionic info


Ionic:

   Ionic CLI                     : 6.13.1 (/Users/martijn/.nvm/versions/node/v12.19.1/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.6.0
   @angular-devkit/build-angular : 0.1101.4
   @angular-devkit/schematics    : 11.1.4
   @angular/cli                  : 11.1.4
   @ionic/angular-toolkit        : 3.1.0

Capacitor:

   Capacitor CLI   : 3.0.0-beta.6
   @capacitor/core : 3.0.0-beta.6

Utility:

   cordova-res : not installed
   native-run  : 1.3.0

System:

   NodeJS : v12.19.1 (/Users/martijn/.nvm/versions/node/v12.19.1/bin/node)
   npm    : 6.14.8
   OS     : macOS Big Sur

1 post - 1 participant

Read full topic

External Script does not execute (iOS)

$
0
0

I am currently working on an ionic/react app using capacitor to make it into android and iOS Apps.
Right now the app itself only has a simple calendar widget and an audio player playing a radio broadcast from radiojar.com.

This radio stream is provided by a script i initially inserted trough a script tag in the index.html file in the body like so:

<script type="text/javascript" src="//www.radiojar.com/wrappers/api-plugins/v1/radiojar-min.js"></script>

And then reference it within my Player Component (in the useIonViewDidEnter) like so:

 rjq('#rjp-radiojar-player').radiojar('player', {
  "streamName": "stream-url"
 });

To make sure the variable rjq is not unkown when building the app etc. before loading the external script, i declare it globally in the Player.js file:

declare var rjq;

It works on:

  • Windows Browser (Chrome, Firefox)
  • Android (Emulator and real Xiaomi and Motorola phones)
  • MacOS Safari (Web)
  • XCode IPhone Emulator Safari Browser

It does not work on:

  • XCode Iphone (emulator) App

In XCode i see the following error message:

APP ACTIVE
⚡️[log] - onscript loading complete
⚡️WebView loaded
⚡️To Native ->App addListener 122796460
⚡️[error] - {}

⚡️------ STARTUP JS ERROR ------
⚡️ReferenceError: Can't find variable: rjq
⚡️URL: capacitor://localhost/static/js/main.31871104.chunk.js
⚡️main.31871104.chunk.js:1:583
⚡️See above for help with debugging blank-screen issues
⚡️[log] - Player off
⚡️[error] - {}

What i tried so far:
My feeling is the script is not loaded therefore i explored mainly in that direction

  1. Move script tag in index.html in head (made no difference)
  2. Dynamic load in the Player.ts file (i tried appending it to body and head, see head version below)

Nr. 2 looks like this:

useIonViewDidEnter(() => {
    console.log("Hello");
    const radioScript = document.createElement("script");
    radioScript.src = "//www.radiojar.com/wrappers/api-plugins/v1/radiojar-min.js";
    radioScript.async = true;
    radioScript.type = "text/javascript";
    document.head.appendChild(radioScript);

    radioScript.onload = function(){
        console.log("Loaded script");
        rjq('#rjp-radiojar-player').radiojar('player', {
            "streamName": "stream-url"
        });
    }
});

And the XCode log:

⚡️Loading app at capacitor://localhost...
Reachable via WiFi
APP ACTIVE
⚡️[log] - onscript loading complete
⚡️WebView loaded
⚡️To Native ->App addListener 66527687
⚡️[log] - Hello

I managed to load the script so it is available at runtime now, but the code referencing it is still not being executed.

What solved the loading problem: Add https to the src of the script tag

<script type="text/javascript" src="https://www.radiojar.com/wrappers/api-plugins/v1/radiojar-min.js"></script>

What is not yet working:
I think the stream of the player or the player itself is still not initiated in the iOS App, but i do not know why.
Could there be a missing permission i have to add in XCode or the capacitor config?

1 post - 1 participant

Read full topic

Ionic 5 Open Native Settings Plugin not working

$
0
0

(topic withdrawn by author, will be automatically deleted in 24 hours unless flagged)

1 post - 1 participant

Read full topic

Why is the InAppPurchase2.order method not executed or showing any errors

$
0
0

I’ve been trying to implement in app purchase into an Ionic app. I’m able to make a purchase using my sanbox user for Android but iOS isn’t working. The weird thing is that iOS initially worked but stopped all of a sudden.

I’m not getting any of the console.logs in the terminal output except for the very first one in the purchase method console.log(‘purchase’, product);. After it hits that line in the code I don’t see where it’s calling the registerHandlersForPurchase() method. Afterwards I’m only getting the output from the inApp debug logs.

here is my stack post:

1 post - 1 participant

Read full topic

Facebook Audience network


Config.xml is not update file androidmanifest.xml

$
0
0

hello
after i update config.xml file in my ionic project
then i build it to android
the file androidmanifest.xml is not get update from config.xml

b

2 posts - 2 participants

Read full topic

Currenttime property from Javascript Audio object cannot update or be assigned a value

$
0
0

I have a been facing a rather awkward bug from my Ionic angular project for android. I have an audio player with a range element, when I evoke (touchend) event handler, I wish to assign a value of the x point (in seconds) from the range that the user picked. When I assign the value to currentTime property of my Audio object, currentTime property value changes to 0.

player.ts

@ViewChild("range", { static: false }) range: IonRange;
  progress = 0;
  isPlaying = false;
  isTouched = false;
  currSecText;
  durationText;
  duration = 0;
  currRangeTime;
  currRangeValue;
  currSong: HTMLAudioElement;

  .....

  .....
    
    touchEnd(event) {
      this.isTouched = false;
      this.currSong.currentTime = Number(event.changedTouches[0].screenX)
      this.timeUpdate();
      
      if(this.isPlaying) {
        this.currSong.play()
      }
    }

timeUpdate() {
  try {
    this.currSong.addEventListener("timeupdate", () => {
      if(!this.isTouched) {
        this.currRangeTime = Number(this.currSong.currentTime.toFixed(2).toString().substring(0, 5));
        this.currSecText = this.sToTimeInSec(this.currSong.currentTime);
        this.progress = (Math.floor(this.currSong.currentTime) / Math.floor(this.currSong.duration));
        
        if (this.currSong.currentTime == this.currSong.duration && this.repeat === 'noRepeat') {
          this.playNext();
        } else if (this.currSong.currentTime == this.currSong.duration && this.repeat === 'repeatOne') {
          var index = this.songs.findIndex(x => x.title == this.currTitle);
          
          this.playSong(this.songs[index]);
        }
      }
    });
  } catch (error) {
    console.log(error)
  }
}

**player.html**

<ion-range #range (touchmove)="touchMove($event)" (touchend)="touchEnd($event)" (touchstart)="touchStart()" 
    max="{{maxRangeValue}}" [(ngModel)]="currRangeTime" color=warning>

1 post - 1 participant

Read full topic

BOUNTY - Ionic Vue Record Audio

$
0
0

I’ve trying to figure this out for a week now.

Anyone interested in helping me discover how to capture Audio using Ionic Vue? I am hoping to figure this out before I have to punt on the entire project and move to Angular. I would assume if it works for Angular there is no reason it doesn’t work for Vue.

WILLING TO PAY FOR ANY HELP IN SOLVING THIS ISSUE ASAP.

1 post - 1 participant

Read full topic

Checkbox with another page's array element

$
0
0

(topic withdrawn by author, will be automatically deleted in 24 hours unless flagged)

1 post - 1 participant

Read full topic

Hide router in angular

Checkbox with array from another page

$
0
0

1- I have a modal with a checkbox. How do I use elements from an array on another page?
For example: Array from tab2.page.ts.

2- In addition, I use an ion-label to name my ion-checkbox, but the information in my ion-checkbox (an address) is cut off.

My modal with checkbox:

<ion-content>

  <br>

  <ion-label color="secondary"><strong>Address</strong></ion-label>

<ion-item>

  <ion-checkbox color="secondary"></ion-checkbox> <ion-label>Times Square Store, Levittown, NY</ion-label>

</ion-item>

<br>

<ion-label color="secondary" ><strong>Options</strong></ion-label>

  <ion-item>

  <ion-checkbox color="secondary"></ion-checkbox> <ion-label>Element [0] Array from tab2.page.ts.</ion-label>

</ion-item>

<ion-item>

  <ion-checkbox color="secondary"></ion-checkbox><ion-label>Element [1] Array from tab2.page.ts.</ion-label> 

</ion-item>

</ion-content>

Can someone help me??

1 post - 1 participant

Read full topic

How to use ion-nav with Vue?

$
0
0

Hi all!

I’m interested in the usage of ion-nav and I want to learn how to use it with Vue. Though, I cannot find any example or specific documentation that clarifies the way we can use it. I only found Angular examples, which didn’t work when trying to adapt them to Vue.

Has anyone used it and can provide an example?

Thanks!!

1 post - 1 participant

Read full topic


Ionic Firebase Chat

$
0
0

Hello,

I’m using Ionic -v: 6.13.1

I’m trying to create a firebase chat according to Building an Ionic Firebase Chat with Authentication

I have set up and wrote code step by step and line by line, as well as copy-paste, in case if I did some mistake when rewriting during the lesson, so it is complete the same project, installs, structure, folders, names etc, and something seems to go wrong on my side.

sendMessage() shows input with a console, firebase successfully records a message, and all messages and all users console logs are also retrieving firebase user data, but {{message.fromName}} and {{ message.msg }} just does not appears in <ion-content class="ion-padding">, dialog flow is blank, shows nothing.

Any advice, where to look would be usefull

1 post - 1 participant

Read full topic

Autocomplate covers label floating

$
0
0

<IonInput

          value={user.email}

          onIonChange={handlerOnchangedInput}

          type="email"

          name="email"

          autocomplete="email"

          className="mt-2"

          required

        ></IonInput>

When reloading the page and already having autocompletes saved in the browser, the attribute value does not detect the text, because what floating does not change the style, these are two problems since the state is not with the value and the style is wrong, thanks

1 post - 1 participant

Read full topic

Should You Buy Hotel Software When Buy Email Database You Are Just Starting Out?

$
0
0

If you are thinking of opening a small motel Buy Email Database business, then you have come to the right place. You may not have any idea what it takes to run a motel and what software you may need, so this article is aimed at Buy Email Database people who are making these choices.

If you have recently bought Buy Email Database a motel, the software may already be in place to run the place. However, it is likely that if the motel has been up for sale for a Buy Email Database long time, then their software might not be up to date. You will need to spend time working through the computer and seeing where you need Buy Email Database to make a change.

What to look for in motel software

If you have already bought the motel and you are Buy Email Database looking for the software to run the place, then read on for some tips on what you will need in the software that you choose:

  1. Reservation System - This is the most important part of the software. It should have all the rooms on the system and you should be able to book Buy Email Database the room with one click. This is where you will also list any special requirements that the customer has. The information about the room (number Buy Email Database of beds, bathrooms, internet access) should be readily accessible as well. You should not have to change pages to have access to this information Buy Email Database .

    Payment - The system should be able Buy Email Database to take payment for the rooms. You should not have to change onto a separate system to take any payment from the customer. The system should also tally any extra services Buy Email Database that the client uses. This could be room services, pay per view or any charges they make to the room. It should be all on their client profile waiting for you, when they come to pay. You should not have to do any calculations yourself Buy Email Database .

1 post - 1 participant

Read full topic

Ionic google plus login Consent screen infinite loop

$
0
0

hi i made my app integrate with google plus login service. i made firebase project and do everythings step by step. but now i have a little problem. when i click on google login it The consent screen shows itself over and over after tapping on “Allow”, it does not go past it. would someone please help me?

1 post - 1 participant

Read full topic

Phonegap to ionic migration

$
0
0

Hi i’m new to ionic app flow,previously i was working on phonegap and they stopped their support for build and i gone through their documentation to migrate phonegap to ionic based this url: PhoneGap Migration Guide and i finished as per the steps in that document and i finished everything but i can’t build it to an android app i attached the screen shot below.

My Question:

  1. Why i can’t build my app using free tool?
  2. Is there restrictions for using Hobby appflow for migration ?
  3. How to build app in Hobby appflow

Thanking You,
Gopinath

1 post - 1 participant

Read full topic

Viewing all 70944 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>