I want to integrate one to one video call feature to the Ionic3 project, it should support all platforms like WEB, Android, IOS. I tried so many APIs like VONAGE, PUBNUB-WebRtc, ZohoDesk, OpenTok, Enablex. But all libraries are supporting only mobile platforms through Ionic, those are not supporting on the web. Can anyone help to do this?
thankyou
Related
Ionic was built with mobile in mind - creating a good mobile experience using web technologies. You start out with a web app, so there is the possibility to use it for all 3 platforms. However I’ve never seen anything that resembles a complex web application that uses iconic for both the web and mobile. Will it support the ability to use 3rd party controls such as complex grid controls that may only be used on the web and not in the mobile apps. I’m trying to decide if we use ionic just for mobile and have a completely separate code base for our web application. Any invites would be greatly appreciated!
Basically everything that works on the web also works on mobile devices built with Ionic.
Ionic creates a WebView where javascript code runs. you can use capacitor or cordova to manage native functionality.
So if you have web developers you can do anything you could do as "Mobile Web" but in an app.
Now you can also choose whether to use react, angular or vue.
For example using Ionic with react you can use the VirtualDom and develop exactly as if you were using react on the web.
Instead, using for example React Native you will be forced to use a set of react components (or write new ones) but you will not have the VirtualDom available.
However you can also integrate native code, which Ionic doesn't support.
There are a lot of articles online that cover the subject by comparing competitors:
From Ionic
So yes, you can use all javascript libraries!
I'm planning to make an application that uses barcode scanning to scan UPC barcodes and maybe other barcode standards, I will be using firebase for database, I would like to have suggestions on which framework/tool for Mobile Development that I should use?
What I need in the framework is :
JS Libraries and packages support(NPM support would be Nice)
Community and tutorial Support(StackOverflow,github..etc)
CSS Libraries and icons support
Access to native features
I'll be developing for android but maybe I'll try to make it cross-platform later
I know about a few frameworks/tools Like ionic3, React Native, Android studio but I'm not sure which I should use?
I am currently developing an app in Ionic and I used the native barcode-scanner plugin. For me it was easy to implement and works great. Ionic makes use of Cordova.
https://ionicframework.com/docs/native/barcode-scanner
This plugin supports UPC_A and UPC_E barcodes.
Ionic has enough documentation and a start guide.
Ionic icons: ionicons
Access to native features: yes
Ionic can build to Android, IOS and windows.
There is this Flutter plugin for playing videos on iOS & Android (Video Plugin)
However, I also want to embed a video player into my web and desktop applications.
So I dont understand how Flutter is going this way of supporting plugins for different platforms. Because if you have a look at the video plugin it makes use of the AVPlayer on iOS and ExoPlayer on Android, but these are not then supported for web and desktop applications.
My Questions:
Why isn't the community writing a Flutter plugin for videos which is independent of it's underlying platform? Or isn't it possible? Why do we have to rely so much on Android & iOS especially if Flutter will be more and more platform independent in the future? Isn't it possible to write the source code for making videos working on different platforms solely with the Dart language & Flutter framework?
Is there currently a way to embed a video player for web and desktop applications?
You can use dart_vlc to add video playback to your Flutter desktop application.
It currently supports Windows & Linux, we are working on adding macOS support actively.
The library is rather easier to use aswell,
Player player = Player(id: 0);
player.open(
Playlist(
medias: [
Media.file(File('C:/music.mp3')),
Media.file(File('C:/audio.mp3')),
Media.network('https://www.example.com/music.aac'),
],
),
);
Thanks. Checkout project README for more examples and documentation.
You can try using WebView by flutter_webview_plugin package. It can take advantage of the built-in video decoders/players in any Operating Systems as they're pre-loaded as web content.
Edit: This is because not many Video Plugins are to be found for the Desktop and Web Platforms yet (At least by me)
The video_player along with the video_player_web plugins work for web, android and ios. But I have not tested them on a desktop.
is there anyone who will help me about ionic framework.
I want to know that can we develop desktop and mobile application both with single codebase in ionic framework.
I want to know that can we develop desktop and mobile application both with single codebase in ionic framework.
Yes, this is exactly the purpose of Ionic.
Check out what is Ionic.
Yes, however you will find a few Ionic components do not provide an ideal user experience on the desktop. For example, ion-datetime should probably work as a dialog on a large screen, instead uses a mobile and touch only friendly slide-up UI with selection characteristics that make number choice with a mouse quite difficult.
Give Electron a try, on youtube search with: Ionic Framework with Electron for building Desktop Application.
I've searched some times here but could't find an Answer to this.
Does someone know this and can explain how Ionic handles it?
Does Ionic compile the Code to Native? NO
Ionic is for developing Hybrid apps.
What are Hybrid apps?
Hybrid apps are essentially websites embedded in a mobile app through
what we call a webview. They are developed using HTML5, CSS, and
Javascript, and execute the same code regardless of the platform in
which they run. They can, with tools like PhoneGap and Cordova, use
the native features of a device, like GPS or camera.
What are Native apps?
Native apps are developed in the language required by the platform it
targets, Objective-C or Swift for iOS, Java for Android, etc. The code
written is not shared across platforms and their behavior varies. They
have direct access to all features offered by the platform without any
restriction.
Here is a nice article about it.
Cordova converts the project into a native which has only ONE Page, that is a WebView (WKV WEB View in iOS, etc). And all of the ionic code is run on that webview. Basically an ionic/cordova app is a website which looks like an app!