Starling Forum

1. 

   rodrigo
   

   Expert Bird
   Joined: Dec '13
   Posts: 223

   

   rodrigo

   Expert Bird
   Joined: Dec '13
   Posts: 223

   @tuarua Thanks for v0.0.12! Injecting JS through the ANE seems really cool!

   Some ideas for u to take into account:

   1 - As the WebView ANE is getting more mature through the releases, extend it for the rest of the platforms (even if there're options available for mobile, having 1 ANE / similar API to rule them all is extremely handy and useful).

   2 - Write tutorials about building ANEs! U already integrated Swift in OSX, and ur github repo has several ANEs covering all the platforms, so share the knowledge , maybe it will encourage other users (like me) to contribute more with ANEs.

   well, maybe I'm asking too much, u are doing great contributions to the AIR community.

   Keep the good work!

   Posted 7 months ago #
2. 

   tuarua
   

   Expert Bird
   Joined: Sep '13
   Posts: 241

   

   tuarua

   Expert Bird
   Joined: Sep '13
   Posts: 241

   @rodrigo No worries. Yes the JS part turned out well with AS closures. Tried to match ExternalInterface as close as I could.

   1. I have thought of this but am mindful that there are 2 well known commercial ANEs for mobile. I try not to take away business from others.

   2. I should do this. If only I had more time. There is a dearth of desktop tutorials for sure. (Although I should credit EasyNativeExtensions.com) The initial hurdle for me was finding solid info, the rest was stubborn persistence.
   And not being afraid to dive into other languages. Necessity is the mother of invention! Once you get 1 or 2 working they become easier.

   Posted 7 months ago #
3. 

   MadNoMad
   

   Novice Bird
   Joined: Jan '17
   Posts: 27

   

   MadNoMad

   Novice Bird
   Joined: Jan '17
   Posts: 27

   @tuarua First and foremost, thanks a bunch for this much needed extension. You've been doing incredible work.

   Now, I've been testing the ANE and stumbled upon an issue that you might not be aware of: when used with a multitouch device, it behaves like it's being operated with a mouse. That is, if I try to scroll the page with a finger swipe, text gets selected as if I was clicking + dragging with the mouse.

   Interesting thing is, if I click an external link and a new window is opened, it behaves correctly: finger scrolling and even pinch zooming work just fine.

   I've done a bunch of googling and found a number of threads regarding this issue, but nothing that would point me in the right direction. I've also tried fumbling with a number of settings through commandLineArgs, but to no avail.

   Is this a known issue or should it be working? And why is it behaving differently between the main window and popups as they both seem to be under the ADL process?

   Thanks again and keep it up, bro.

   Posted 7 months ago #
4. 

   tuarua
   

   Expert Bird
   Joined: Sep '13
   Posts: 241

   

   tuarua

   Expert Bird
   Joined: Sep '13
   Posts: 241

   @MadNoMad
   Appreciate it.
   I was not aware of this. I don't own a touch device.

   Have you tried the command line argument "touch-events=enabled"

   var kvp:Object = {};
   kvp.key = "touch-events";
   kvp.value = "enabled";
   settings.cef.commandLineArgs.push(kvp);
   

   If that doesn't work then I can only hazard a guess that the Window I create to render the WPF control is not touch enabled, whereas the new Window is created by CEF and has touch enabled.

   Here is where I create the window to host the Window for CEF.
   https://github.com/tuarua/WebViewANE/blob/CEF-WinForms/native_library/source/WebViewANE.cpp#L70

   I will have to read up more on touch as I have never implemented Windows multitouch

   Posted 7 months ago #
5. 

   MadNoMad
   

   Novice Bird
   Joined: Jan '17
   Posts: 27

   

   MadNoMad

   Novice Bird
   Joined: Jan '17
   Posts: 27

   @tuarua Thanks for the quick reply. I'd be more than happy to help you test this out.

   I did try the "touch-events" argument. No luck. As for the info I found while researching, here are the most relevant links:

   https://github.com/cefsharp/CefSharp/issues/228

   https://github.com/cefsharp/CefSharp/pull/1418

   https://bitbucket.org/chromiumembedded/cef/issues/1059/cef3-multi-touch-support-with-offscreen

   I'm no seasoned developer (more of a designer/programmer), but let me know if I can be of any further assistance.

   Posted 7 months ago #
6. 

   tuarua
   

   Expert Bird
   Joined: Sep '13
   Posts: 241

   

   tuarua

   Expert Bird
   Joined: Sep '13
   Posts: 241

   @MadNoMad
   Can you try this branch to test. Windows only until I merge. Also I assume you are using Windows 10?
   https://github.com/tuarua/WebViewANE/tree/CEF-WinForms

   I've added a call to RegisterTouchWindow() on the Window I create to host the browser which I'm hoping is what I was missing.

   Also this branch uses CefSharp WinForms instead of WPF which improves performance.
   It should mean WebGL works at 60fps, UI is more responsive etc.

   Posted 7 months ago #
7. 

   MadNoMad
   

   Novice Bird
   Joined: Jan '17
   Posts: 27

   

   MadNoMad

   Novice Bird
   Joined: Jan '17
   Posts: 27

   @tuarua
   Man, you're a freaking wizard! Not only touch scrolling works great, but performance is in a whole different level now.

   I'll keep testing it hard and I'll let you know of any other quirks I find.

   In the meantime, I'll make sure we get a few coins heading your way. And I encourage everyone else to do the same to support the dedication you've been putting in this much needed piece of software.

   Thanks a bunch, mate.

   Posted 7 months ago #
8. 

   tuarua
   

   Expert Bird
   Joined: Sep '13
   Posts: 241

   

   tuarua

   Expert Bird
   Joined: Sep '13
   Posts: 241

   @MadNoMad
   That's great news. I love it when a blind fix works

   Yes the performance of the WinForms version is much better. I was pleasantly surprised running a WebGL example side by side with 'real Chrome' and the ANE version was identical.
   I'll be making this version the master in a few days.

   Thanks for the promise of a donation. Always appreciated.

   Posted 7 months ago #
9. 

   Pedro Fernandez
   

   Competent Bird
   Joined: Mar '13
   Posts: 51

   

   Pedro Fernandez

   Competent Bird
   Joined: Mar '13
   Posts: 51

   Thanks for your work with this ANE, tuarua. I think it is very important to have a webview with a modern browser in desktop AIR for some types of projects. Adobe was working on it but we still do not know anything...

   Two questions:

   1) Is there any way to enable mp4 / h264 playback ?. We know that it is not possible in Chromium by default (licenses), but we have found some clue to enable it:

   http://stackoverflow.com/questions/20514394/how-can-cef-support-h-264-and-flash
   https://groups.google.com/forum/#!topic/delphichromiumembedded/8jisGiqxD-Y
   https://code.google.com/archive/p/chromiumembedded/issues/371

   Our use case are executable applications for events. Touch screens that in certain cases require integrating a modern reponsive web (with h264 video playback) within the application (that in an independent browser window the experience is lost).

   2) Is there any way to have the CEF libraries in a subfolder of the root of the AIR executable? It is difficult for some clients to find the executable among so many files.

   Thank you so much for everything.

   Posted 7 months ago #
10. 

    tuarua
    

    Expert Bird
    Joined: Sep '13
    Posts: 241

    

    tuarua

    Expert Bird
    Joined: Sep '13
    Posts: 241

    Hi Pedro,

    1) I am not able to distribute with H.264 enabled for the same reason as CEF can't. I could be liable to pay a licensing fee to MPEG LA.
    Regards enabling. It is not simply a flag that I can pass. The flags are required when building the Chromium source code. And building it from source is not simple. The source code is like 6GB.

    2) I will have a look

    Posted 7 months ago #
11. 

    tuarua
    

    Expert Bird
    Joined: Sep '13
    Posts: 241

    

    tuarua

    Expert Bird
    Joined: Sep '13
    Posts: 241

    2) Not possible I'm afraid. And if you look at other programs which use Cef (Spotify + Steam for eg) they have the dependency dlls in the root. Steam has lots and lots. It's the standard way.

    Posted 7 months ago #
12. 

    MadNoMad
    

    Novice Bird
    Joined: Jan '17
    Posts: 27

    

    MadNoMad

    Novice Bird
    Joined: Jan '17
    Posts: 27

    @tuarua
    I stumbled upon another bump, although it might not be directly related to your implementation. But since you're more familiar with the inner bolts of CEF, you might be able to shed some light on the issue: I've been struggling with security restrictions when running local SWF in the ANE.

    Firstly, a little background info I dig around the web: the current implementation of PPAPI Flash requires explicitly telling what locations it should trust when accessing the local file system. Flash offers a native control panel on Windows, but Chromium based browsers don't support. Despite that, it's still possible to allow local file access through the old Flash-based control panel available at:
    http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html
    Configuring trusted locations in Google Chrome via the above link does work, but not in the ANE. I can get up to the point where I specify a path, but the configuration doesn't stick.

    I suspect it might be a limitation of the CEFSharp implementation, but any ideas?

    Posted 7 months ago #
13. 

    tuarua
    

    Expert Bird
    Joined: Sep '13
    Posts: 241

    

    tuarua

    Expert Bird
    Joined: Sep '13
    Posts: 241

    @MadNoMad
    I'm not sure about this. I thought Adobe were dropping that completely.

    Btw, You can set any command line args that Cef supports using
    settings.cef.commandLineArgs

    Full list is here (there are very many)
    http://peter.sh/experiments/chromium-command-line-switches/#ppapi-flash-args

    Can you run chrome://settings in the ANE browser. Have a look at the flash version and if it matches what you expect. If it's the version included with AIR or Chrome etc ?

    Posted 6 months ago #
14. 

    MadNoMad
    

    Novice Bird
    Joined: Jan '17
    Posts: 27

    

    MadNoMad

    Novice Bird
    Joined: Jan '17
    Posts: 27

    @tuarua
    Thanks for your response. Flash actually works within the ANE, it just requires the Chromium version of the PPAPI plugin to be installed on the system. What doesn't work is when the loaded swf tries to communicate outside of its sandbox. And I couldn't find a way to configure trusted locations specifically for the ANE browser.

    Anyway, never mind. The whole issue with Chrome and Flash has got to a point where it's just safer to drop support for Flash content within the ANE.

    And while I have your attention, I just noticed something else: the current example has listeners to ON_DOWNLOAD_PROGRESS and ON_DOWNLOAD_COMPLETE, but it seems these events are not being fired on my Windows 10 machine. Can you confirm this behavior?

    Posted 6 months ago #
15. 

    MadNoMad
    

    Novice Bird
    Joined: Jan '17
    Posts: 27

    

    MadNoMad

    Novice Bird
    Joined: Jan '17
    Posts: 27

    Oh, so the events do fire, but not the way I was expecting. I thought they were supposed to track page download, but now I see they track file download.

    Posted 6 months ago #
16. 

    tuarua
    

    Expert Bird
    Joined: Sep '13
    Posts: 241

    

    tuarua

    Expert Bird
    Joined: Sep '13
    Posts: 241

    @MadNoMad
    Yes that's correct. Download is for file downloads that are not displayed in the webView, eg zip
    There is a discrepancy between OSX and Win.
    On OSX you can get estimatedProgress (i.e. page progress) which is not available in Cef.
    On Win you can get download progress which is not available in WKWebView.
    I couldn't find a way anyway.

    Posted 6 months ago #
17. 

    MadNoMad
    

    Novice Bird
    Joined: Jan '17
    Posts: 27

    

    MadNoMad

    Novice Bird
    Joined: Jan '17
    Posts: 27

    @tuarua
    I'm trying to implement smooth transitions with the ANE but I'm hitting some walls. I want to create a fade-in effect and none of the approaches I've tried worked.

    The first approach was obviously to vary the alpha property of the WebView's parent container. But it seems it doesn't have any influence on the ANE's content.

    The second approach was to apply a Starling Quad over the WebView object and fade it out but it seems the ANE renders on top of everything else.

    Am I doing something wrong or is there another way? Also, I see there's an enhancement request on GitHub to add a printBitmap method. That might actually do the trick, since I could animate the bitmap and then switching to the actual WebView. Is that feature being considered?

    Thanks, buddy.

    Posted 6 months ago #
18. 

    rodrigo
    

    Expert Bird
    Joined: Dec '13
    Posts: 223

    

    rodrigo

    Expert Bird
    Joined: Dec '13
    Posts: 223

    The only way u can animate the webview currently is playing with the resize method to make it slide from the sides, or make it scale from the center like poping up, but i dont recommend that. There's a small, but noticeable delay when u resize the web viewport. Ur best bet is not animate ut at all... animate the "background" of the webview container instead. (If u have one)

    Posted 6 months ago #
19. 

    tuarua
    

    Expert Bird
    Joined: Sep '13
    Posts: 241

    

    tuarua

    Expert Bird
    Joined: Sep '13
    Posts: 241

    @MadNoMad
    You are not doing something wrong. This is expected.
    The Chromium view (on Windows that is) is a child window+process attached to AIR's container window.
    It is not a Flash Sprite

    You can fade out a Window using WinAPI but not a child window!
    So what you describing *may* be possible if I can implement a bitmap grab in the ANE and return as a BitmapData. That's not trivial though.
    It's also not available yet in WKWebView for OSX. There's an open ticket for that on Apple's side.

    Posted 6 months ago #
20. 

    tuarua
    

    Expert Bird
    Joined: Sep '13
    Posts: 241

    

    tuarua

    Expert Bird
    Joined: Sep '13
    Posts: 241

    If you want to fade in/out to a solid colour do that in the HTML page.
    i.e.
    Add a solid coloured div to the page and fade out to 'fade in' the page
    Add a solid coloured div to the page and fade in to 'fade out' the page, optionally triggering a JS event to notify you AIR code to then remove the webview from stage

    Posted 6 months ago #
21. 

    MadNoMad
    

    Novice Bird
    Joined: Jan '17
    Posts: 27

    

    MadNoMad

    Novice Bird
    Joined: Jan '17
    Posts: 27

    @rodrigo
    Thanks for the suggestion mate, that's exactly what I'm doing atm. But the contents still pop up in an undesirable way. I mean, I know the browser experience is a bit like that, but it's quite jarring in the context of my application.

    @tuarua
    Yeah, I kinda got that the ANE window was something "external". Thanks for the clarification.
    I like your idea of doing the overlay thing within the HTML. Might just do the trick. I'll give it a go.

    Posted 6 months ago #
22. 

    MadNoMad
    

    Novice Bird
    Joined: Jan '17
    Posts: 27

    

    MadNoMad

    Novice Bird
    Joined: Jan '17
    Posts: 27

    @tuarua
    Just noticed something when trying to run the WebView on another machine: it requires VC++ Redistributable 2013. The GitHub page says 2015. I'm not sure if both are required, but 2013 definitely is. I've tested on Windows 7 and 10, and both required a manual installation of that.

    Posted 6 months ago #
23. 

    MadNoMad
    

    Novice Bird
    Joined: Jan '17
    Posts: 27

    

    MadNoMad

    Novice Bird
    Joined: Jan '17
    Posts: 27

    @tuarua
    And a quick question: does the extension only work on a Starling class? I tried it on a regular Flash Sprite and while the events are being fired, the contents won't show up.

    Posted 6 months ago #
24. 

    tuarua
    

    Expert Bird
    Joined: Sep '13
    Posts: 241

    

    tuarua

    Expert Bird
    Joined: Sep '13
    Posts: 241

    1) Thanks for pointing the 2013 problem out.
    I'll add it to the README.
    My ANE code uses 2015 redist, CEF uses 2013 redist.
    As reference for anyone wishing to build an installer.
    https://github.com/cefsharp/CefSharp/wiki/Frequently-asked-questions#Including_vcredist

    2) It should work with non-Starling. It is not tied to Starling. However, You may need to ensure it is added after the stage/main window is ready. So by adding an Event.ADDED_TO_STAGE to your root Sprite.

    Posted 6 months ago #
25. 

    MadNoMad
    

    Novice Bird
    Joined: Jan '17
    Posts: 27

    

    MadNoMad

    Novice Bird
    Joined: Jan '17
    Posts: 27

    No luck here, but I did notice something odd: when the init method is called, the main window's title bar looses focus. As if the ANE was trying to get a handle of some other non-existent window. Does it make any sense?

    Posted 6 months ago #
26. 

    tuarua
    

    Expert Bird
    Joined: Sep '13
    Posts: 241

    

    tuarua

    Expert Bird
    Joined: Sep '13
    Posts: 241

    OK, I'll take a look in the next few days. The code does look for the AIR window to attach the CEF window to, something happening there it seems. Just to confirm, this is Windows?

    Posted 6 months ago #
27. 

    tuarua
    

    Expert Bird
    Joined: Sep '13
    Posts: 241

    

    tuarua

    Expert Bird
    Joined: Sep '13
    Posts: 241

    I reproduced the issue using a pure AS3 project.
    For some reason you have to wait until the movie is first activated before kicking off the ANE creation and adding to stage.
    The below works for me consistently

    public class Main extends Sprite {
    private var webView:WebViewANE;
    .... etc
     
    public function Main() {
    this.addEventListener(Event.ACTIVATE, onActivated);
     
    .....
     
     private function onActivated(event:Event):void {
            if(!hasActivated){
                webView = new WebViewANE();
                webView.init("http://www.adobe.com/", 0, 0, 800, 600, settings);
                webView.addToStage();
                .... etc
            }
            hasActivated = true;
        }

    Posted 6 months ago #
28. 

    MadNoMad
    

    Novice Bird
    Joined: Jan '17
    Posts: 27

    

    MadNoMad

    Novice Bird
    Joined: Jan '17
    Posts: 27

    Awesome! Works great now.

    The ACTIVATE event is "dispatched when the Flash Player or AIR application gains operating system focus and becomes active."

    Makes sense. Thanks heaps, tuarua.

    Posted 6 months ago #
29. 

    rodrigo
    

    Expert Bird
    Joined: Dec '13
    Posts: 223

    

    rodrigo

    Expert Bird
    Joined: Dec '13
    Posts: 223

    Dude you should update your POST and title, u included iOS support!

    Posted 6 months ago #
30. 

    MadNoMad
    

    Novice Bird
    Joined: Jan '17
    Posts: 27

    

    MadNoMad

    Novice Bird
    Joined: Jan '17
    Posts: 27

    Now, I've been running in circles trying to overcome another issue: my application will run in public kiosks, so I cannot allow the user to access the file system. But whenever a download or upload is triggered, the WebView opens a native file explorer window so the user can pick the file or location.

    I've unsuccessfully tried javascript and command line switches. Am I missing something with the current implementation or is this actually a feature request?

    Posted 6 months ago #

RSS feed for this topic

Reply »

You must log in to post.