Show a web page with a 3D object. - Forum

Forum Navigation
You need to log in to create posts and topics.

Show a web page with a 3D object.

Hi

I try to find a way to preview this web page http://craftland.gr/mug/?img=tnl1.jpg  into Neobook. I try the normal web broswer tool but without success.

Any suggestions?

@sakismor the webpage you want to embed uses WebGL not supported by Internet Explorer. If you dont mind about file size, you can embed NeoAppDesktop. It includes a complete embedable Chromium web browser.

Best regards.

Hello,

What is NeoAppDesktop? Did I miss somthing?

Regards

Hans-Peter

 

Hi @hpw

Please take a look here:
https://visualneo.com/forum/topic/desktop-apps-with-neophp-plugin-support

Happy new year! :)

Hello @Luishp,

Also a happy new year!

And yes I missed that thread. Interesting thing.

A full blown native chromium plugin would be still also interesting.

Regards

Hans-Peter

Or you can simple load the Chrome browser (kiosk mode) in a Neobook rectangle... It should also work with Firefox and the updated Edge browser... cramming Chromium into a plugin makes a very large file size, but almost everyone has Chrome, Firefox and Edge already installed.

Thank you Foti for your solution!!!!

fkapnist has reacted to this post.
fkapnist

@sakismor

Below is a routine to locate the Chrome browser:

-------------------------------------------------

. Search Program Files
StrReplace "[ProgramFiles]" "Program Files (x86)" "Program Files" "[ProgramFilesWOW64]" ""
FileExists "[ProgramFilesWOW64]\Google\Chrome\Application\chrome.exe" "[i]"
.AlertBox "Find Chrome" "Is Chrome in Program Files?||[i]"
If "[i]" "=" "True"
SetVar "[ChromePath]" "[ProgramFilesWOW64]Google\Chrome\Application\chrome.exe"
StickyNote "-1" "-1" "Chrome Path set to [ProgramFilesWOW64]Google\Chrome\Application\chrome.exe" "2000"
Return
EndIf

. Search Program Files x86
FileExists "[ProgramFiles]\Google\Chrome\Application\chrome.exe" "[i]"
.AlertBox "Find Chrome" "Is Chrome in Program Files x86?||[i]"
If "[i]" "=" "True"
SetVar "[ChromePath]" "[ProgramFiles]Google\Chrome\Application\chrome.exe"
StickyNote "-1" "-1" "Chrome Path set to [ProgramFiles]Google\Chrome\Application\chrome.exe" "2000"
Return
EndIf

. Search Vista AppData Local
StrReplace "[ProgramFiles]" "Program Files (x86)" "Users\[UserName]" "[UserDrive]" ""
.AlertBox "" "[UserDrive]"
FileExists "[UserDrive]\AppData\Local\Google\Chrome\Application\chrome.exe" "[i]"
.AlertBox "Find Chrome" "Is Chrome in AppData Local?||[i]"
If "[i]" "=" "True"
SetVar "[ChromePath]" "[UserDrive]AppData\Local\Google\Chrome\Application\chrome.exe"
StickyNote "-1" "-1" "Chrome Path set to [UserDrive]AppData\Local\Google\Chrome\Application\chrome.exe" "2000"
Return
EndIf

. Chrome Not Found
AlertBox "Find Chrome" "Google Chrome was not found!| |Please install Google Chrome."
Return
---------------------------------------------------------------------------------------------------------------------------------

For this example create a Container named "ChromeContainer" and inside it place a Rectangle named "ChromeKiosk"
Replace "[PubDir]files\kiosk.html" with the WebGL 3D webpage address you want to display

----------------------------------------------------------------------------------------------------------------------------------

MessageBox "Kiosk Mode" "Select Display" "Kiosk Mode|Start Fullscreen" "[imode]"

ObjectToFront "ChromeKiosk"

SetVar "[iL]" "[PubLeft]"
SetVar "[iT]" "[PubTop]"
GetObjectInfo "ChromeContainer" "Width" "[iW]"
GetObjectInfo "ChromeContainer" "Height" "[iH]"

If "[imode]" "=" "1"
RunInRectangle "ChromeKiosk" "[ChromePath]" "--window-position=[iL],[iT] --window-size=[iW],[iH] --kiosk --disable-features=TranslateUI --disable-notifications --app=[PubDir]files\kiosk.html" "" "" "[ChromeKiosk1]"
Else
RunInRectangle "ChromeKiosk" "[ChromePath]" "--window-position=[iL],[iT] --window-size=[iW],[iH] --start-fullscreen --disable-features=TranslateUI --disable-notifications --app=[PubDir]files\kiosk.html" "" "" "[ChromeKiosk1]"
EndIf
Return

-----------------------------------------------------

Put the code below in the "Resize"Action  tab of ChromeContainer if you want it to automatically resize your program window (named as the variable [YourPub] in this example)

----------------------------------------------------

SetVar "[iL]" "[PubLeft]"
SetVar "[iT]" "[PubTop]"
GetObjectInfo "ChromeContainer" "Width" "[iW]"
GetObjectInfo "ChromeContainer" "Height" "[iH]"
SetWindowPos "[YourPub]" "[iL]" "[iT]" "[iW]" "[iH]"
EndIf

 

Vadim has reacted to this post.
Vadim

Thank you Foti for your help!!!

I try the NeoAppDesktop and working like a charm.  The only problem is that I can't preview in a rectangle. I try to run this action below but nothing!!!

And second is it possible to preview and a second html file that is in www folder by calling from VisualNEO win? Not only the index.html, maybe and second file like preview.html

Thank you

RunInRectangle "Rectangle2" "C:\Users\SakisMor\Downloads\neoappdesktop\neoappdesktop.exe" "" "HideMenu+HideSizeBox" "" ""

 

  1. This is NOT what I meant:

RunInRectangle "Rectangle2" "C:\Users\SakisMor\Downloads\neoappdesktop\neoappdesktop.exe" "" "HideMenu+HideSizeBox" "" ""

2. This IS what I meant:

RunInRectangle "Rectangle2" "chrome.exe" "--window-position=[iL],[iT] --window-size=[iW],[iH] --kiosk --disable-features=TranslateUI --disable-notifications --app=http://craftland.gr/mug/?img=tnl1.jpg" "" "" "

 

3. And this SHOULD work (but it doesn't):

RunInRectangle "Rectangle2" "C:\Users\SakisMor\Downloads\neoappdesktop\neoappdesktop.exe" "" "" "" ""

(You must first edit the "settings.json" file to "false" in order to disable the "show console" window)
"debugging": {
"show_console": false,
"subprocess_show_console": false,
"log_level": "DEBUG4",
"log_file": "debug.log"
},

-------------------

Copy your compiled app inside www folder (renamed as "index.php").

------------------

<style type="text/css">@import url("style.css");</style>
<a href="index.php">Go back to index</a>
| <a href="<?php echo $_SERVER["REQUEST_URI"];?>">Refresh</a>

<title>Sakis</title>
<h1>Sakis</h1>

<a href="http://craftland.gr/mug/?img=tnl1.jpg">http://craftland.gr/mug/?img=tnl1.jpg</a>

 

------------------------------------------------

But "http://craftland.gr/mug/?img=tnl1.jpg" appears to me only as a blank gray rectangle.

Is you mug img example working?

-----

Example 2 above should work if you enter the complete path to chrome.exe

 

 

 

 

 

 

 

 

RE: And second is it possible to preview and a second html file that is in www folder by calling from VisualNEO win? Not only the index.html, maybe and second file like preview.html

You can rename or copy a file to index.php

FileCopy "index1.php" "index.php"

FileCopy "index2.php" "index.php"

FileCopy "preview.html" "index.php"

FileCopy "preview2.html" "index.php"

---

But this is the correct syntax for index.php

<style type="text/css">@import url("style.css");</style>
<a href="index.php">Go back to index</a>
| <a href="<?php echo $_SERVER["REQUEST_URI"];?>">Refresh</a>
<title>Sakis</title>
<h1>Sakis</h1>
<a href="http://craftland.gr/mug/?img=tnl1.jpg">http://craftland.gr/mug/?img=tnl1.jpg</a>

 

 

Hello Foti,

I just change the online version and now you can see in this address: http://craftland.gr/mug/

I need to work offline with the files all in www folder. I run the NeoAppDesktop and all works like a charm.

Then I try to open it the NeoAppDesktop in a VisualNEO win rectangle but I see only a black page.

I change the settings.json file like that:

"debugging": {
        "show_console": false,
        "subprocess_show_console": false,
        "log_level": "DEBUG4",
        "log_file": "debug.log"
    },

But nothing happens. Do you have any solution to run the NeoAppDesktop into a rectangle and works??

Thank you Foti

@sakismor

For some reason I am not able to download neoAppDesktop - 71 Mb.

When I reach about 50 Mb, visualneo.com times-out and I get a corrupted file.

However I did download phpdesktop - 70Mb

https://github.com/cztomczak/phpdesktop

I can see Stella's Mug in 3D. The image displays at the center of the page. If your rectangle is not wide enough, the image might be out of viewing range. I will try to download neoAppDesktop again after the New Year's web traffic is less.

(See "sakistest.pub" at the bottom of this post)

 

 

Uploaded files:
  • You need to login to have access to uploads.

Thank you Foti for try to help me but nothing change.

I download the phpdesktop and test it.  I change the settings.json like that:

"debugging": {
"show_console": false,
"subprocess_show_console": false,
"log_level": "DEBUG4",
"log_file": "debug.log"
},

If I run it from phpdesktop-chrome.exe all works perfect. When I run in the rectangle with the files inside www I get black screen in the neobook rectangle.

I have to tell you that I am not using the web page only the files inside the www folder.

Please check the video that I make: https://drive.google.com/file/d/1DCHBKTyWgEOkgfsdSbk-VjjDb4stm76f/view?usp=sharing

If anyone have a solution please help.

@sakismor I have tested the same procedure with other web apss and it works fine. The problem is probably related to WebGL not being able to work appropiately when embedded. Sorry.

@sakismor

@luishp

I forgot to mention that I tested WebGL on two computers and found that it will not work with some graphics cards...

Hello, I make a new test to chekc if is having problem with webGL.

I delete the index.html file from www folder and I leave only folders .  And I test to run the neoappdesktop.exe direct and I see the first screen. All went OK.

Second I try to open it in a rectangle with a simple button and this code:

RunInRectangle "Rectangle1" "C:\Users\SakisMor\Downloads\neoappdesktop\neoappdesktop.exe" "" "" "" ""

and I take this black screen. (second photo).

So I think is not having to do with WebGL because I have to see a normal page.

So luishp and fkapnist do you think that something other happens?

Uploaded files:
  • You need to login to have access to uploads.

@sakismor it works fine for me using:

RunInRectangle "Rectangle1" "!D:\portables\neoappdesktop\neoappdesktop.exe" "" "" "" ""

Screenshot attached.

Uploaded files:
  • You need to login to have access to uploads.

Please send me your settings.json file.

@sakismor I just used the default configuration in neoAppDesktop. Just as it's unziped after download.
Anyway here is attached the settings.json file.

Regards.

Uploaded files:
  • You need to login to have access to uploads.