Html5 video player is not working in ios mobile application? - angularjs

I am developing the ionic project(with angular Js ) where I need to play live streaming videos and also mp4 videos for that I tried HTML5 video tag but it wont work on ios.(It is working in Android Mobile Application)
thanks

VLC cannot run as a web plugin on Android or iOS because those platforms don't support the concept of a web plugin. You need to use a native component. VLCKit and libvlc-for-android are known to run correctly in mixed application environments and we are aware of multiple clients interfacing the native ObjC or Java interfaces through a bridge from a JS context.

Related

I had angularjs application. How to convert this into mobile app

I had web application written in AngularJS which works in all desktop and mobile browsers like Chrome, Safari etc.
Is there a way to convert it into mobile app?
You can use the framework Ionic coupled with cordova
http://ionicframework.com/
https://cordova.apache.org/
Hope it helps.
Cordova can do the job. As you have already an app, just need to build it using cordova. If you want to start a new project from scratch, Ionic will be a great option. As it is providing the layout and mobile friendly components for our use.
Please follow the steps in : https://cordova.apache.org/
You can use phone gap. In phone gap there is also plugins available for the mobile phone events like shaking and etc.
With the free version you can not add plugins, you have to buy phone gap for that.
Just create package with pure HTML, CSS and java script (angular js) and build it on the phone gap then you can download sdk and then you can install it on android.
Phone Gap

Angular material to Android app

How to convert angular website to android app? Is there any tool available to convert?
My website contains data,which is fetched through API calls only.
You may want to take a look at phonegap build from Adobe.
I have used the service before which allows you to upload your web application source and then with some extra config files, launch and splash screen icons and images you can bundle your code up to native apps ready for distribution in app stores.
So no need for knowing any iOS or Android SDK tools, plus it means you can be pretty confident your application will look the same cross platform/device

How to integrate Adobe Creative SDK Feather Editor in Ionic/Cordova

I am creating a mobile hybrid app with the Ionic framework, and I'm trying to integrate the Feather Editor. My best scenario would be that a Cordova plugin was available, since the Adobe Creative Web SDK is not optimized for mobile, but the Android and iOS SDKs are.
There are some legacy plugins, some of which are only for iOS, and the following one, which seems to be outdated, since the Feather Editor wouldn't launch:
https://github.com/m1is/AviaryCordovaPlugin
I also tried the following angular directive:
https://github.com/m00s/angular-aviary
This directive works for web, but on mobile it is not working properly, I guess because of the fact that the web SDK is not optimized for mobile. What happens is that the Feather Editor launches but it takes too much space, not fitting into the mobile screen. Plus, the tools are not showing, and a loading icon is shown forever.
So I guess that the right path would be to create a new Cordova plugin that works with the latest Cordova and Adobe Creative Android/iOS SDKs.
Has anyone tried a different approach?
The Creative SDK team recently collaborated with PhoneGap to release plugins that are compatible with PhoneGap, Cordova, and Ionic.
Among them are the new Image Editor UI PhoneGap plugin and template.
More details are on the Creative SDK blog.
You can get a quick overview of everything on offer on the Creative SDK GitHub page's Plugins section.
I developed this Cordova plugin:
https://github.com/jguix/Cordova-FeatherEditor
It currently supports Android.

Web to mobile app converter

I am looking for a service / software which takes website and wraps it in a mobile application for iPhone and Android. Without any additional features such as navigation or push messages. Just wrapping website + select app logo and name.
I am not able to find such a thing.
Maybe somebody knows?
You can try ionicframework or jQuery mobile for converting web app (client side javascript) to mobile app. Which supports both android and iOS.

Can you use the Ionic framework to build Mac apps?

The title pretty much says it all. I was asked this question today and really didn't know the answer.
Ionic is not intended to build desktop, or even desktop browser based applications.
From the official docs :
Ionic is focused on building native/hybrid mobile apps rather than
mobile websites.
As such, our browser support tends to be whatever Web View API is
available to native apps on a given platform. For Ionic 1.0.0
"uranium-unicorn", that means UIWebView for iOS 7+, and Android 4.1
and up. Windows Phone and FirefoxOS support is on our roadmap.
Even if you implement a browser website using ionic, the rendered output would rather weird.
Infact, Ionic has itself implemented it's website using bootstrap ;)

Resources