I developed a web application that turns in different browser(opera,firefox,chrome).when i access via tablets except the native browser of android.i tried with different tablets and the same problem.It ignores the composant such as datepicker...I didn't find a tool to debug the site.i tested it with android 2.3
I'm waiting your reply.that's very important to help me.
Thank you
Maybe you get more insights why it is not working if you see the javascript console and its output. This question will tell you how to access it.
Kendo UI Mobile only provides styling for the native browser input, select and textarea elements. This means that you won't get date/time pickers where they are not supported. Default Android browser doesn't support HTML5 input pickers, thus you won't get any. You can work around that by using some kind of validation there or use a third party library as MobiScroll.
Also note that Firefox and Opera are not officially supported.
Related
My questions is :
1 -- Is it possible to have a WebView( Provided by Native framework) instance in my Native App , and extend it to support Webrtc,
if 1 is Yes, then probably following would be the action Item
1 -- Have a webrtc build on Android, 2 -- In Android WebView extend Javascript to couple / bind the Webrtc call,
Please confirm..
What i am trying to do is
1 -- We have webrtc based Voice / Video chat application working fine in Chrome & Mozilla desktop Browser, as both comes with webrtc... , i.e. user need to access www.xyz.com and it will start video / voice sessions,
2 -- same thing on mobile, we would like to go as a native app, i.e. we are trying to make an application, which will have native WebView instance, in which we will access www.xyz.com to have voice / video session
3 -- I tried the way i explained in 2 but it seems, in WebView instance provided by Application framework doesn't have webrtc enabled in it, so i am trying to add it and this is what i am thinking,
-- WebView instance has some mechanism to extend the Javascript , that means
http://dev.w3.org/2011/webrtc/editor/webrtc.html
some of these API i need to add into the WebView, and for their implementation will come if i am able to successfully integrate and build Webrtc over android and iOS Platform
Please comment....
If you want to use webRTC in a Native App, i've built a small android app (https://github.com/pchab/AndroidRTC) that share the back camera to a nodeJS server (https://github.com/pchab/ProjectRTC).
I found that the easiest way to use the libjingle library is with IntelliJ IDEA. I've had a lot of problems with Eclipse and Android Studio.
You're going to have a hard time with the WebView, although it's coming on (newer) Android at least. Nothing on the horizon for iOS.
If you want complete native, you can check out what we've done # FM with IceLink, sounds like it might work for you.
Android WebView does not support WebRTC APIs at this point.
Work is underway on Java an Objective-C bindings, though that may not solve your problem.
With Android L release this should be possible by using just the Android WebView, more below :
http://developer.android.com/about/versions/android-5.0.html#WebView
I know this question is kinda old, but I find crosswalk (https://crosswalk-project.org/) to be a pretty good solution for using WebRTC inside of an Android app. What crosswalk do, is compiling a chromium browser into an Android app and hosting your site inside of this chromium, so you will have support for the latest browser features, like WebRTC.
I'm building a native app with a webview and webrtc video inside.
So generally it is possible to build such application and nowadays chromium (webview) have a official support https://developer.chrome.com/multidevice/webview/overview , but I have faced really a lot of problem during writing that application.
Few problems are:
Support for phones and os version - I have android 5.1.1 (xperia m2) and after a lot of problems webrtc is running. On android 6 (xperia z5 compact) is not working.. On other phones is sometimes working sometimes not...
You can not be sure, how webview will work - today webrtc is working, but tommorow Google can add some security rule, and it will not work- it's a little bit unstable, and as I have seen, some things depend on os compilation. WebView can get update from store independently of os.
PERMISSIONS - there are a lot of stupid problems, based on the fact that is it a browser inside native app, like - you can't expect a permission question from webview, you have to implement it in android webview config, and in some android versions it is working- in others not :-)
Still a lot of problems of 'young product' - example is that nowadays webview has some issue with devices info display (like camera is front or back) so you have to find a workaround for such problem
Bad video quality - currently my problem is a quality of video- nice quality of video on phone, below maximum resources consumed (cpu, network, memory) and video on computer is really poor...
...and many more
So the fact is - yes this is possible, but it's still not good enough to use it without facing a lot of problems which are not so easy to solve.
You can actually go native with html5 features. So if you use Crosswalk as someone mentioned before, but if you are really set against using: Crosswalk/Ionic/Angular/Cordova (which is awesome), you can still use Crosswalk in a native environment to replace inconsistent and feature lacking WebViews with 1 single, full WebRTC compatible WebView based on the Blink Engine.
I remember reading a few guides on how to get Crosswalk going in Android Studio, here's one I quickly searched, but just Google around there's a bunch of them.
https://www.snip2code.com/Snippet/34721/How-to-use-CrossWalk-runtime-within-an-A
I want to develop an application which works both in a regular browser and as an Android app. Both seem suitable but would I be right in saying if I went with Phone Gap, deploying the same html content as a regular, server hosted website is not trivial and would require modification? Also, are multi page applications not desirable in a Phone Gap wrapper?
Are there any alternatives I should consider? I'm surprised someone hasn't already written an Android wrapper with all the hardware access wiring done already. Or have they?
There are few things you should know,
If you are going to publish your app also on iOS, you can't use server hosted website for your app.
All of your basic functionality must stand on your app assets, is one of the iOS guidelines, and its also make-sense for best ui performance (both iOS & Android).
Use server-side wisely, when you want to fetch data which have to be up-to-date.
there are some new mobile browser features which will be available in the future, that allow your website to use the device hardware functions:
Device API on W3C
Good luck dude ;)
You can try with jquery mobile framework:
http://www.jquerymobile.com
It is jquery based framework for developing web apps that works on standard web and on multiple mobile devices (with cordova)
I want to develop a HTML5 Web App.
I read that in HTML5, you can use the new feature "Offline Web Applications"
With the *.manifest file
I read an article from november 2010, that this feature only works on the iOS platform.
Does it work on Android now?
Yes. It works on Android as well as iOS and most desktop browsers. You don't need PhoneGap unless you want to access native features or deploy to the App store.
UPDATE:
Check out this chapter from Jonathan Stark's book: Building Android Apps with HTML, CSS, and JavaScript.
In general, http://mobilehtml5.org/ provides nice mobile compatibility tables to answer this and other similar questions.
Yes it can. Here's an example for an offline game:
http://www.davidgranado.com/2010/11/make-a-set-mobile/
The one thing that sucks is that iOS generates a nice icon automatically. However, android doesn't. Also, I noticed that on random versions of android, it will display an error popup about the fact that it can't connect to the internet, but still runs fine after that.
I try to use spark DropDownList Controller for flex mobile project but its not working properly. Is there any alternative solution available?
You want to use <s:List/>. As said by #www.Flextras.com, DropDownLists aren't supported on mobile.
The Flex Spark DropDownList is not supported on mobile devices. To get it working requires more than just implementing a mobile skin. It relates primarily to the differences between mouse input and touch input.
However, we've already done the conversion work for you, so you can use our Mobile DropDownList as part of the Flextras Mobile Component set. Free developer editions are available for you test out for your own purposes.
Earlier in 2013; the Flextras components were open sourced; and you can get the source of the mobile components straight from GitHub. The Flextras site still distributes binary builds if you don't want to build it yourself.
Has anyone tried before using OpenLayers in Android ? How did that go ? Was it accessed through the browser at a certain address or embedded in a local stand alone android application using WebViews ? , or other approach.
If any references related to this subject come to your mind please add them here.
Thanks
Small update on the topic - currently released version of OL supports mobile devices.
Current version of OpenLayers(2.10) doesn't support mobile browsers. New version(2.11) is very close to release though and you can enable support for mobile devices if you include the development version of OpenLayers from trunk. It definitely works if you access it as usual webpage and should work if it's embedded in WebViews.
You can try it out yourself here: http://openlayers.org/en/latest/examples/
Just type 'mobile' in search field and you'll get couple of example where you can see how mobile navigation, editing, etc. works on Android and iOS.
Yo can try with OpenLayers latest Mobile Version (http://openlayers.org/en/latest/examples/mobile-full-screen.html) for an html project and embed the page in Mobile App with Apache Cordova (http://cordova.apache.org/)
To my knowledge (no such device owned), on Android 3+ devices a page like http://openlayers.org/dev/examples/mobile.html will work straight out-of-the-box when opened in the stock browser. As mentioned, since OL 2.11 mobile device multitouch events are supported, they have also provided a jquery mobile & geolocation demo which works great on android.
For the majority of android 2.x devices, you will need to deliver your own webview container including a polyfill such as WMP if you want spread & pinch zooming to work.
Otherwise you're only left with using the zoom buttons - which is not always preferable given the small size of many touch screens.